Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-05 07:36:11 +00:00

View File

@@ -17,342 +17,158 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AquaNet"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="AquaNet"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient",
}}
title="Connect Through the Vibe Ocean"
description="AquaNet revolutionizes social connection by using AI to map real-time emotional states, replacing superficial follows with deep, context-aware interaction."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=1",
imageAlt: "AI connection interface 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=2",
imageAlt: "AI connection interface 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=3",
imageAlt: "AI connection interface 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=4",
imageAlt: "AI connection interface 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=5",
imageAlt: "AI connection interface 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=6",
imageAlt: "AI connection interface 6",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=7",
imageAlt: "AI connection interface 7",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=8",
imageAlt: "AI connection interface 8",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=9",
imageAlt: "AI connection interface 9",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=10",
imageAlt: "AI connection interface 10",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=11",
imageAlt: "AI connection interface 11",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg?_wi=12",
imageAlt: "AI connection interface 12",
},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg",
alt: "User 5",
},
]}
avatarText="Join 500k+ users in the Vibe Ocean"
marqueeItems={[
{
type: "text",
text: "AI-Powered",
},
{
type: "text",
text: "Privacy-First",
},
{
type: "text",
text: "Real-Time",
},
{
type: "text",
text: "Emotional Intelligence",
},
{
type: "text",
text: "Secure Discovery",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "sparkles-gradient" }}
title="Connect Through the Vibe Ocean"
description="AquaNet revolutionizes social connection by using AI to map real-time emotional states, replacing superficial follows with deep, context-aware interaction."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 6" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 7" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 8" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 9" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 10" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 11" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg", imageAlt: "AI connection interface 12" }
]}
buttons={[{ text: "Get Started", href: "#contact" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg", alt: "User 5" }
]}
avatarText="Join 500k+ users in the Vibe Ocean"
marqueeItems={[
{ type: "text", text: "AI-Powered" },
{ type: "text", text: "Privacy-First" },
{ type: "text", text: "Real-Time" },
{ type: "text", text: "Emotional Intelligence" },
{ type: "text", text: "Secure Discovery" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Vibe Matching Engine",
description: "AI computes compatibility using sentiment analysis and multimodal inputs to predict conversation success with 90% accuracy.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg",
imageAlt: "Engine visualization",
},
{
title: "Wave Groups",
description: "Clustering algorithms match users into dynamic group waves, fostering serendipitous connections based on real-time mood.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-using-tablet_23-2148212358.jpg",
imageAlt: "Group connection",
},
{
title: "AI-Powered Moderation",
description: "Safe, context-aware spaces managed by sentiment analysis to ensure authentic and toxicity-free interaction.",
imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
imageAlt: "Safe moderation",
},
]}
title="Intelligence-Driven Social Discovery"
description="Our core features leverage advanced AI to transform how you connect with communities and content."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Vibe Matching Engine", description: "AI computes compatibility using sentiment analysis and multimodal inputs to predict conversation success with 90% accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tablet_23-2149105728.jpg", imageAlt: "Engine visualization" },
{ title: "Wave Groups", description: "Clustering algorithms match users into dynamic group waves, fostering serendipitous connections based on real-time mood.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-using-tablet_23-2148212358.jpg", imageAlt: "Group connection" },
{ title: "AI-Powered Moderation", description: "Safe, context-aware spaces managed by sentiment analysis to ensure authentic and toxicity-free interaction.", imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg", imageAlt: "Safe moderation" }
]}
title="Intelligence-Driven Social Discovery"
description="Our core features leverage advanced AI to transform how you connect with communities and content."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Redefining Social Engagement"
description="AquaNet prioritizes emotional intelligence over viral chases. By utilizing on-device AI for privacy-first discovery, we deliver 3x higher engagement than legacy platforms."
metrics={[
{
value: "3x",
title: "Higher Engagement",
},
{
value: "90%",
title: "Accuracy Rate",
},
{
value: "2026",
title: "AI Innovation",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Redefining Social Engagement"
description="AquaNet prioritizes emotional intelligence over viral chases. By utilizing on-device AI for privacy-first discovery, we deliver 3x higher engagement than legacy platforms."
metrics={[
{ value: "3x", title: "Higher Engagement" },
{ value: "90%", title: "Accuracy Rate" },
{ value: "2026", title: "AI Innovation" }
]}
imageSrc="http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex Rivers",
role: "Creative Lead",
company: "VibeLabs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg",
},
{
id: "2",
name: "Jordan Chen",
role: "Product Manager",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
},
{
id: "3",
name: "Sam Taylor",
role: "Designer",
company: "FutureUI",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg",
},
{
id: "4",
name: "Riley Quinn",
role: "Dev Ops",
company: "TechStream",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
},
{
id: "5",
name: "Casey Morgan",
role: "Marketing",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg",
},
]}
kpiItems={[
{
value: "500k+",
label: "Active Users",
},
{
value: "98%",
label: "Positive Feedback",
},
{
value: "24/7",
label: "Vibe Support",
},
]}
title="Voices from the Vibe Ocean"
description="See why users are switching to AquaNet for their meaningful social connections."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alex Rivers", role: "Creative Lead", company: "VibeLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-female-designer-wants-help-friend-shopping-holding-hand-pockets-smiling-joyfully_1258-141516.jpg" },
{ id: "2", name: "Jordan Chen", role: "Product Manager", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg" },
{ id: "3", name: "Sam Taylor", role: "Designer", company: "FutureUI", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg" },
{ id: "4", name: "Riley Quinn", role: "Dev Ops", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg" },
{ id: "5", name: "Casey Morgan", role: "Marketing", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg" }
]}
kpiItems={[
{ value: "500k+", label: "Active Users" },
{ value: "98%", label: "Positive Feedback" },
{ value: "24/7", label: "Vibe Support" }
]}
title="Voices from the Vibe Ocean"
description="See why users are switching to AquaNet for their meaningful social connections."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does Vibe Matching work?",
content: "Our AI analyzes voice, text, and visual mood inputs to determine compatibility scores.",
},
{
id: "q2",
title: "Is my data private?",
content: "Privacy-first design ensures AI processes all emotional data directly on your device.",
},
{
id: "q3",
title: "What are Wave Groups?",
content: "Dynamic interest clusters that bring together users based on current emotional vibes.",
},
]}
title="Frequently Asked Questions"
description="Get clear answers on how the AquaNet platform works and keeps you connected safely."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg?_wi=1"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "How does Vibe Matching work?", content: "Our AI analyzes voice, text, and visual mood inputs to determine compatibility scores." },
{ id: "q2", title: "Is my data private?", content: "Privacy-first design ensures AI processes all emotional data directly on your device." },
{ id: "q3", title: "What are Wave Groups?", content: "Dynamic interest clusters that bring together users based on current emotional vibes." }
]}
title="Frequently Asked Questions"
description="Get clear answers on how the AquaNet platform works and keeps you connected safely."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Waitlist"
title="Request Early Access"
description="Discover social media orchestration at its finest. Request your custom-tailored invitation today and see how we can activate your social potential."
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg?_wi=2"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Waitlist"
title="Request Early Access"
description="Discover social media orchestration at its finest. Request your custom-tailored invitation today and see how we can activate your social potential."
imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100569.jpg"
mediaPosition="right"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg"
logoText="AquaNet"
columns={[
{
title: "Platform",
items: [
{
label: "Vibe Drops",
href: "#",
},
{
label: "Waves",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg"
logoText="AquaNet"
columns={[
{ title: "Platform", items: [{ label: "Vibe Drops", href: "#" }, { label: "Waves", href: "#" }] },
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);