From a23dcf0a95791b0caba1b1c0b572fa10b10292a1 Mon Sep 17 00:00:00 2001 From: TerryM Date: Tue, 12 May 2026 18:14:48 +0800 Subject: [PATCH] refactor: update layout and styling for multiple components to enhance responsiveness and visual consistency --- src/components/CoreSystem.astro | 43 ++++++------------ src/components/Experience.astro | 20 ++++----- src/components/Header.astro | 6 +-- src/components/Hero.astro | 14 +++--- src/components/Trust.astro | 14 +++--- src/components/WhyTalkPro.astro | 78 +++++++++++++++------------------ 6 files changed, 76 insertions(+), 99 deletions(-) diff --git a/src/components/CoreSystem.astro b/src/components/CoreSystem.astro index 10d3e8e..ce95581 100644 --- a/src/components/CoreSystem.astro +++ b/src/components/CoreSystem.astro @@ -17,50 +17,33 @@ const cards = [ ] --- -
+
-
+
CORE FEATURES
-

Everything You Need to Communicate

+

Everything You Need to Communicate

Different identities, different conversations, and different privacy levels should not be forced into one flat interface. TalkPro lets them exist in order inside one platform.

-
- -
- {cards.slice(0, 3).map(card => ( -
-
- {card.title} -
-
-

{card.title}

-

{card.desc}

-
+
+ {cards.map(card => ( +
+
+ {card.title}
- ))} -
- -
- {cards.slice(3).map(card => ( -
-
- {card.title} -
-
-

{card.title}

-

{card.desc}

-
+
+

{card.title}

+

{card.desc}

- ))} -
+
+ ))}
diff --git a/src/components/Experience.astro b/src/components/Experience.astro index 1593a83..e5d0281 100644 --- a/src/components/Experience.astro +++ b/src/components/Experience.astro @@ -1,19 +1,19 @@ --- --- -
-
-

+

+
+

A Cleaner, More Comfortable Messaging Experience

-
+
-
-
+
+
Clear interface screenshot
@@ -25,8 +25,8 @@
-
-
+
+
Smooth navigation screenshot @@ -40,8 +40,8 @@
-
-
+
+
Refined visual design screenshot diff --git a/src/components/Header.astro b/src/components/Header.astro index 8de7156..4341e12 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -5,7 +5,7 @@ const globeIcon = "/assets/header-globe.svg"; ---
-
+
@@ -19,7 +19,7 @@ const globeIcon = "/assets/header-globe.svg";
-