diff --git a/src/components/Hero.astro b/src/components/Hero.astro new file mode 100644 index 0000000..694590a --- /dev/null +++ b/src/components/Hero.astro @@ -0,0 +1,82 @@ +--- +const floatCards = [ + { + icon: '☷', + title: 'Work / Private / Protected', + desc: 'One account, multiple communication worlds.', + pos: 'left-[-40px] top-[75.5px]', + }, + { + icon: '✦', + title: 'AI Summary Ready', + desc: 'Long conversations and group highlights organized automatically.', + pos: 'left-[180px] top-[270px]', + }, + { + icon: '◌', + title: 'Protected Hidden Space', + desc: 'When privacy needs more, enter a protected space.', + pos: 'left-[20px] top-[540px]', + }, +] +--- + +
+ + +
+ +
+
+
+

✦ Available on iOS and Android

+
+ +
+

One User.

+

Multiple Worlds.

+
+ +

+ Talk Pro is a modern messaging app designed for clear, simple, and reliable communication. From private chats to group conversations, channels, voice calls, and video calls, Talk Pro helps people stay connected in one familiar experience. +

+
+ +
+ + +
+ +
+ {['Identity Layer', 'AI Native Messaging', 'Adaptive Privacy'].map((tag) => ( +
+

{tag}

+
+ ))} +
+
+ + +
+
+ Talk Pro app +
+ + {floatCards.map((card) => ( +
+
+ {card.icon} +
+
+

{card.title}

+

{card.desc}

+
+
+ ))} +
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro index 97c715a..56cf065 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,8 +1,10 @@ --- import Base from '../layouts/Base.astro' import Header from '../components/Header.astro' +import Hero from '../components/Hero.astro' ---
+