diff --git a/public/assets/core-halftone-bg.png b/public/assets/core-halftone-bg.png new file mode 100644 index 0000000..be046d3 Binary files /dev/null and b/public/assets/core-halftone-bg.png differ diff --git a/public/assets/core-icon-channels.png b/public/assets/core-icon-channels.png new file mode 100644 index 0000000..c95f724 Binary files /dev/null and b/public/assets/core-icon-channels.png differ diff --git a/public/assets/core-icon-groups.png b/public/assets/core-icon-groups.png new file mode 100644 index 0000000..0ce613d Binary files /dev/null and b/public/assets/core-icon-groups.png differ diff --git a/public/assets/core-icon-media.png b/public/assets/core-icon-media.png new file mode 100644 index 0000000..185b7e3 Binary files /dev/null and b/public/assets/core-icon-media.png differ diff --git a/public/assets/core-icon-private.png b/public/assets/core-icon-private.png new file mode 100644 index 0000000..dab9e5c Binary files /dev/null and b/public/assets/core-icon-private.png differ diff --git a/public/assets/core-icon-video.png b/public/assets/core-icon-video.png new file mode 100644 index 0000000..05e4e81 Binary files /dev/null and b/public/assets/core-icon-video.png differ diff --git a/public/assets/core-icon-voice.png b/public/assets/core-icon-voice.png new file mode 100644 index 0000000..26dbb4b Binary files /dev/null and b/public/assets/core-icon-voice.png differ diff --git a/public/assets/cta-android-icon.svg b/public/assets/cta-android-icon.svg new file mode 100644 index 0000000..2e99b53 --- /dev/null +++ b/public/assets/cta-android-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/cta-apple-icon.svg b/public/assets/cta-apple-icon.svg new file mode 100644 index 0000000..07d8253 --- /dev/null +++ b/public/assets/cta-apple-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/cta-bg-pattern.png b/public/assets/cta-bg-pattern.png new file mode 100644 index 0000000..961901c --- /dev/null +++ b/public/assets/cta-bg-pattern.png @@ -0,0 +1,339 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/cta-phone-art.png b/public/assets/cta-phone-art.png new file mode 100644 index 0000000..799a751 Binary files /dev/null and b/public/assets/cta-phone-art.png differ diff --git a/public/assets/cta-talkpro-logo.png b/public/assets/cta-talkpro-logo.png new file mode 100644 index 0000000..64dc3e6 --- /dev/null +++ b/public/assets/cta-talkpro-logo.png @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/assets/exp-card-1.png b/public/assets/exp-card-1.png new file mode 100644 index 0000000..2a58bbd Binary files /dev/null and b/public/assets/exp-card-1.png differ diff --git a/public/assets/exp-card-2.png b/public/assets/exp-card-2.png new file mode 100644 index 0000000..2a727b7 Binary files /dev/null and b/public/assets/exp-card-2.png differ diff --git a/public/assets/exp-card-3.png b/public/assets/exp-card-3.png new file mode 100644 index 0000000..e4a5c9f Binary files /dev/null and b/public/assets/exp-card-3.png differ diff --git a/public/assets/footer-android-icon.svg b/public/assets/footer-android-icon.svg new file mode 100644 index 0000000..2e99b53 --- /dev/null +++ b/public/assets/footer-android-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/footer-apple-icon.svg b/public/assets/footer-apple-icon.svg new file mode 100644 index 0000000..07d8253 --- /dev/null +++ b/public/assets/footer-apple-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/assets/footer-logo.png b/public/assets/footer-logo.png new file mode 100644 index 0000000..993e151 Binary files /dev/null and b/public/assets/footer-logo.png differ diff --git a/public/assets/header-globe.svg b/public/assets/header-globe.svg new file mode 100644 index 0000000..5f1d90e --- /dev/null +++ b/public/assets/header-globe.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/assets/header-logo-icon.png b/public/assets/header-logo-icon.png new file mode 100644 index 0000000..23f4c96 Binary files /dev/null and b/public/assets/header-logo-icon.png differ diff --git a/public/assets/header-logo-wordmark.svg b/public/assets/header-logo-wordmark.svg new file mode 100644 index 0000000..f68a081 --- /dev/null +++ b/public/assets/header-logo-wordmark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/assets/hero-phone.png b/public/assets/hero-phone.png index 3824af6..71b406e 100644 Binary files a/public/assets/hero-phone.png and b/public/assets/hero-phone.png differ diff --git a/public/assets/preview-arrow-left.svg b/public/assets/preview-arrow-left.svg new file mode 100644 index 0000000..4836727 --- /dev/null +++ b/public/assets/preview-arrow-left.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/assets/preview-arrow-right.svg b/public/assets/preview-arrow-right.svg new file mode 100644 index 0000000..4836727 --- /dev/null +++ b/public/assets/preview-arrow-right.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/assets/preview-phone.png b/public/assets/preview-phone.png new file mode 100644 index 0000000..ff6daa1 Binary files /dev/null and b/public/assets/preview-phone.png differ diff --git a/public/assets/trust-divider.svg b/public/assets/trust-divider.svg new file mode 100644 index 0000000..3a334aa --- /dev/null +++ b/public/assets/trust-divider.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/trust-icon-improvement.png b/public/assets/trust-icon-improvement.png new file mode 100644 index 0000000..3371199 Binary files /dev/null and b/public/assets/trust-icon-improvement.png differ diff --git a/public/assets/trust-icon-sprite.png b/public/assets/trust-icon-sprite.png new file mode 100644 index 0000000..e380486 Binary files /dev/null and b/public/assets/trust-icon-sprite.png differ diff --git a/public/assets/trust-icon.png b/public/assets/trust-icon.png new file mode 100644 index 0000000..e380486 Binary files /dev/null and b/public/assets/trust-icon.png differ diff --git a/public/assets/why-icon-connected.svg b/public/assets/why-icon-connected.svg new file mode 100644 index 0000000..bb64d7c --- /dev/null +++ b/public/assets/why-icon-connected.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/why-icon-familiar.svg b/public/assets/why-icon-familiar.svg new file mode 100644 index 0000000..d1be977 --- /dev/null +++ b/public/assets/why-icon-familiar.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/why-icon-modern.svg b/public/assets/why-icon-modern.svg new file mode 100644 index 0000000..35a1680 --- /dev/null +++ b/public/assets/why-icon-modern.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/why-icon-simple.svg b/public/assets/why-icon-simple.svg new file mode 100644 index 0000000..56c11ab --- /dev/null +++ b/public/assets/why-icon-simple.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/why-illustration.png b/public/assets/why-illustration.png new file mode 100644 index 0000000..19a7f36 Binary files /dev/null and b/public/assets/why-illustration.png differ diff --git a/public/assets/why-underline.svg b/public/assets/why-underline.svg new file mode 100644 index 0000000..01391d7 --- /dev/null +++ b/public/assets/why-underline.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/AppPreview.astro b/src/components/AppPreview.astro new file mode 100644 index 0000000..dddd0da --- /dev/null +++ b/src/components/AppPreview.astro @@ -0,0 +1,93 @@ +--- +const slides = [ + "/assets/preview-phone.png", + "/assets/preview-phone.png", + "/assets/preview-phone.png", +] +--- + +
+ +
+

+ A Familiar App Experience, Reimagined with a Modern Look +

+

+ TalkPro keeps the communication experience familiar while refining the visual layer with updated icons, colors, spacing, and interface details. +

+
+ + + +
+ + + + diff --git a/src/components/CoreSystem.astro b/src/components/CoreSystem.astro index ac911f1..10d3e8e 100644 --- a/src/components/CoreSystem.astro +++ b/src/components/CoreSystem.astro @@ -1,44 +1,66 @@ --- +const halftone = "/assets/core-halftone-bg.png"; +const iconPrivate = "/assets/core-icon-private.png"; +const iconGroups = "/assets/core-icon-groups.png"; +const iconChannels = "/assets/core-icon-channels.png"; +const iconVoice = "/assets/core-icon-voice.png"; +const iconVideo = "/assets/core-icon-video.png"; +const iconMedia = "/assets/core-icon-media.png"; + const cards = [ - { img: '/assets/icon-messaging.png', title: 'Private Messaging', desc: 'Stay connected through fast and familiar one-on-one conversations.' }, - { img: '/assets/icon-groups.png', title: 'Group Chats', desc: 'Create spaces for friends, teams, communities, and shared discussions.' }, - { img: '/assets/icon-channels.png', title: 'Channels', desc: 'Follow updates, announcements, and content from the people or communities you care about.' }, - { img: '/assets/icon-voice.png', title: 'Voice Calls', desc: 'Talk in real time whenever messages are not enough.' }, - { img: '/assets/icon-video.png', title: 'Video Calls', desc: 'Connect face-to-face with a simple and reliable video call experience.' }, - { img: '/assets/icon-media.png', title: 'Media Sharing', desc: 'Share photos, videos, files, and updates in your conversations.' }, + { img: iconPrivate, title: 'Private Messaging', desc: 'Stay connected through fast and familiar one-on-one conversations.' }, + { img: iconGroups, title: 'Group Chats', desc: 'Create spaces for friends, teams, communities, and shared discussions.' }, + { img: iconChannels, title: 'Channels', desc: 'Follow updates, announcements, and content from the people or communities you care about.' }, + { img: iconVoice, title: 'Voice Calls', desc: 'Talk in real time whenever messages are not enough.' }, + { img: iconVideo, title: 'Video Calls', desc: 'Connect face-to-face with a simple and reliable video call experience.' }, + { img: iconMedia, title: 'Media Sharing', desc: 'Share photos, videos, files, and updates in your conversations.' }, ] -const rows = [cards.slice(0, 3), cards.slice(3)] --- -
-
-

CORE SYSTEM

-
-
-

Built for how modern

-

communication actually works.

+
+ + + + +
+
+ CORE FEATURES
-
-

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

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.

-
- {rows.map((row) => ( -
- {row.map((card) => ( -
-
- {card.title} -
-
-

{card.title}

-
-

{card.desc}

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

{card.title}

+

{card.desc}

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

{card.title}

+

{card.desc}

+
+
+ ))} +
diff --git a/src/components/DownloadCTA.astro b/src/components/DownloadCTA.astro index 9c7e6b9..768d9fe 100644 --- a/src/components/DownloadCTA.astro +++ b/src/components/DownloadCTA.astro @@ -1,39 +1,59 @@ --- +const bgPattern = "/assets/cta-bg-pattern.png"; +const talkproLogo = "/assets/cta-talkpro-logo.png"; +const androidIcon = "/assets/cta-android-icon.svg"; +const appleIcon = "/assets/cta-apple-icon.svg"; +const phoneArt = "/assets/cta-phone-art.png"; --- -
-
-

DOWNLOAD

-
-
-

Start with one conversation.

-

Build your own communication space.

-
-
-

- Talk Pro supports iOS and Android. Official store links, QR codes, version information, and compatibility notes are reserved on the download page. -

-
+
+ + -
- -
- Android -
-

ANDROID

-

Download APK

-
+
+ +
+
+ DOWNLOAD
- -
-
- Apple +
+
+

Download

+
+ TalkPro +
-
-

IOS

-

Coming on App Store

+

+ Download TalkPro and experience a cleaner, simpler, and more modern way to stay connected. +

+
+ + +
+
+ Android +
+

ANDROID

+

APK Coming Soon

+
+
+
+ Apple +
+
+

IOS

+

Coming on App Store

+
+
+
+
+ + +
+
+ TalkPro on phone
diff --git a/src/components/Experience.astro b/src/components/Experience.astro new file mode 100644 index 0000000..1593a83 --- /dev/null +++ b/src/components/Experience.astro @@ -0,0 +1,65 @@ +--- +--- + +
+
+

+ A Cleaner, More Comfortable Messaging Experience +

+ +
+ +
+ + +
+
+
+ Clear interface screenshot +
+
+
+

Clear Interface

+

A clean layout that makes conversations easy to follow.

+
+
+ + +
+
+
+
+ Smooth navigation screenshot +
+
+
+
+

Smooth Navigation

+

Move between chats, groups, and channels with familiar controls.

+
+
+ + +
+
+
+
+ Refined visual design screenshot +
+
+
+
+

Refined Visual Design

+

Modern icons, colors, and interface details create a more polished experience.

+
+
+ +
+ + +

+ TalkPro is designed with clarity in mind. Every screen is built to help users focus on their conversations, reduce distractions, and move naturally between chats, groups, channels, and calls. +

+
+
+
diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 0686fb3..8691d56 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,42 +1,65 @@ --- -const columns: Record = { - Product: ['Features', 'Product', 'Download'], - Privacy: ['Privacy Policy', 'Protected Space', 'Security'], - Company: ['About', 'Support', 'Contact'], -} +const logoFull = "/assets/footer-logo.png"; +const androidIcon = "/assets/footer-android-icon.svg"; +const appleIcon = "/assets/footer-apple-icon.svg"; --- -