Merge version_1 into main #2
380
src/app/page.tsx
380
src/app/page.tsx
@@ -14,278 +14,132 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Platform",
|
||||
id: "#platform",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="ChatNow"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Platform", id: "#platform" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="ChatNow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="ChatNow: Communication Reimagined"
|
||||
description="Secure, real-time messaging designed for modern teams. Experience seamless connectivity with end-to-end encryption, AI-powered replies, and cross-platform sync."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=1",
|
||||
imageAlt: "Chat Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=2",
|
||||
imageAlt: "Chat Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=3",
|
||||
imageAlt: "Chat Interface",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=4",
|
||||
imageAlt: "Chat Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=5",
|
||||
imageAlt: "Chat Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png?_wi=6",
|
||||
imageAlt: "Chat Interface",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="ChatNow: Communication Reimagined"
|
||||
description="Secure, real-time messaging designed for modern teams. Experience seamless connectivity with end-to-end encryption, AI-powered replies, and cross-platform sync."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-futuristic-messaging-app-interface-on--1774597334650-a00940dd.png", imageAlt: "Chat Interface" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "End-to-End Security",
|
||||
description: "Your messages stay private with military-grade encryption.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Real-time Sync",
|
||||
description: "Messages arrive instantly across all your devices seamlessly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Group Collaboration",
|
||||
description: "Organize teams with advanced group controls and admin tools.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Built for the Modern Age"
|
||||
description="Powerful tools to keep your conversations fluid, secure, and productive."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Built for the Modern Age"
|
||||
description="Powerful tools to keep your conversations fluid, secure, and productive."
|
||||
features={[
|
||||
{ id: 1, title: "End-to-End Security", description: "Your messages stay private with military-grade encryption.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png" },
|
||||
{ id: 2, title: "Real-time Sync", description: "Messages arrive instantly across all your devices seamlessly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png" },
|
||||
{ id: 3, title: "Group Collaboration", description: "Organize teams with advanced group controls and admin tools.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="platform" data-section="platform">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Smart Replies",
|
||||
price: "Integrated",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Voice & Video",
|
||||
price: "High Fidelity",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Media Sharing",
|
||||
price: "Unlimited",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Platform Capabilities"
|
||||
description="Extensible architecture built for scale and performance."
|
||||
/>
|
||||
</div>
|
||||
<div id="platform" data-section="platform">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
title="Platform Capabilities"
|
||||
description="Extensible architecture built for scale and performance."
|
||||
products={[
|
||||
{ id: "p1", name: "AI Smart Replies", price: "Integrated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/a-secure-digital-lock-icon-glowing-with--1774597333643-953235bd.png" },
|
||||
{ id: "p2", name: "Voice & Video", price: "High Fidelity", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/real-time-communication-symbol-network-n-1774597334728-bb146ea7.png" },
|
||||
{ id: "p3", name: "Media Sharing", price: "Unlimited", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/group-chat-avatar-group-icons-in-circula-1774597334639-70832da3.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best messaging platform I've used. Fast and secure.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/abstract-deep-blue-tech-texture-digital--1774597334470-48838b69.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marko Polo",
|
||||
handle: "@mpolo",
|
||||
testimonial: "Excellent group chat features for my remote team.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/blurry-city-lights-at-night-blue-and-pur-1774597334660-48997349.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna Lee",
|
||||
handle: "@annalee",
|
||||
testimonial: "The AI translation is a total game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/digital-binary-stream-minimal-clean-line-1774597333876-9ebb7acc.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
handle: "@dsmith",
|
||||
testimonial: "Extremely reliable and the UI is beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/glassmorphism-shape-overlay-light-blue-g-1774597337722-3bd28ed9.png",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Teams Everywhere"
|
||||
description="See why top professionals choose ChatNow for their daily communication."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
title="Loved by Teams Everywhere"
|
||||
description="See why top professionals choose ChatNow for their daily communication."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The best messaging platform I've used. Fast and secure.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/abstract-deep-blue-tech-texture-digital--1774597334470-48838b69.png" },
|
||||
{ id: "2", name: "Marko Polo", handle: "@mpolo", testimonial: "Excellent group chat features for my remote team.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/blurry-city-lights-at-night-blue-and-pur-1774597334660-48997349.png" },
|
||||
{ id: "3", name: "Anna Lee", handle: "@annalee", testimonial: "The AI translation is a total game changer.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/digital-binary-stream-minimal-clean-line-1774597333876-9ebb7acc.png" },
|
||||
{ id: "4", name: "David Smith", handle: "@dsmith", testimonial: "Extremely reliable and the UI is beautiful.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWFuBnpIptlip2AU15TCZknras/glassmorphism-shape-overlay-light-blue-g-1774597337722-3bd28ed9.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is ChatNow really secure?",
|
||||
content: "Yes, we use industry standard AES-256 encryption.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I use it on multiple devices?",
|
||||
content: "Yes, ChatNow syncs your data in real-time everywhere.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How does the AI work?",
|
||||
content: "Our AI assistant helps with quick replies and translations.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers about our platform."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers about our platform."
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is ChatNow really secure?", content: "Yes, we use industry standard AES-256 encryption." },
|
||||
{ id: "f2", title: "Can I use it on multiple devices?", content: "Yes, ChatNow syncs your data in real-time everywhere." },
|
||||
{ id: "f3", title: "How does the AI work?", content: "Our AI assistant helps with quick replies and translations." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start Chatting Today"
|
||||
description="Join thousands of users and elevate your communication."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Start Chatting Today"
|
||||
description="Join thousands of users and elevate your communication."
|
||||
buttons={[{ text: "Download Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Platform",
|
||||
href: "#platform",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 ChatNow Technologies."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
copyrightText="© 2024 ChatNow Technologies."
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Platform", href: "#platform" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user