Update src/app/page.tsx
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -16,204 +16,104 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
]}
|
||||
brandName="Connect"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Social Proof", id: "socialProof" }
|
||||
]}
|
||||
brandName="Connect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Explore the things you love."
|
||||
description="Stay connected with your community and discover what matters most to you in an intuitive, modern interface."
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Account",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg?_wi=1",
|
||||
imageAlt: "Connectivity 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=1",
|
||||
imageAlt: "Connectivity 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg?_wi=1",
|
||||
imageAlt: "Connectivity 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg?_wi=1",
|
||||
imageAlt: "Connectivity 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg?_wi=1",
|
||||
imageAlt: "Connectivity 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
|
||||
imageAlt: "Connectivity 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Explore the things you love."
|
||||
description="Stay connected with your community and discover what matters most to you in an intuitive, modern interface."
|
||||
buttons={[{ text: "Create Account", href: "#" }, { text: "Learn More", href: "#about" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg", imageAlt: "abstract network connections dark background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg", imageAlt: "digital community interaction interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg", imageAlt: "global network visualization technology" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg", imageAlt: "connected dots network interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg", imageAlt: "abstract cyber communication graphic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "connected digital communication nodes" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Connection"
|
||||
description="Our platform is designed to bridge gaps and foster authentic interactions between people across the globe, bringing your interests to the forefront."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg"
|
||||
imageAlt="Social connectivity dashboard"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for Connection"
|
||||
description="Our platform is designed to bridge gaps and foster authentic interactions between people across the globe, bringing your interests to the forefront."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-having-remote-discussion-with-company-team_482257-77571.jpg"
|
||||
imageAlt="modern digital communication workspace"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Personalized Profiles",
|
||||
author: "System",
|
||||
description: "Build your digital footprint with customizable profiles that reflect your unique interests and voice.",
|
||||
tags: [
|
||||
"social",
|
||||
"profile",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-toy-duckies-baby-shower_23-2148430472.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Global Networks",
|
||||
author: "System",
|
||||
description: "Stay in touch with your community no matter the distance with real-time connectivity tools.",
|
||||
tags: [
|
||||
"network",
|
||||
"global",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459542.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Enhanced Privacy",
|
||||
author: "System",
|
||||
description: "Your interactions are safe with advanced privacy controls and consumer health data protection standards.",
|
||||
tags: [
|
||||
"secure",
|
||||
"privacy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-labels-template_23-2151029444.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core Experiences"
|
||||
description="Explore powerful features designed to enhance your social digital life."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Core Experiences"
|
||||
description="Explore powerful features designed to enhance your social digital life."
|
||||
features={[
|
||||
{ id: "1", title: "Personalized Profiles", author: "System", description: "Build your digital footprint with customizable profiles that reflect your unique interests and voice.", tags: ["social", "profile"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-toy-duckies-baby-shower_23-2148430472.jpg" },
|
||||
{ id: "2", title: "Global Networks", author: "System", description: "Stay in touch with your community no matter the distance with real-time connectivity tools.", tags: ["network", "global"], imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459542.jpg" },
|
||||
{ id: "3", title: "Enhanced Privacy", author: "System", description: "Your interactions are safe with advanced privacy controls and consumer health data protection standards.", tags: ["secure", "privacy"], imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tech-repair-labels-template_23-2151029444.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Community Voices"
|
||||
description="Hear what our global users have to say about their experience with Connect."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "Connect has completely transformed how I interact with my local community groups. Truly intuitive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen_dev",
|
||||
testimonial: "The privacy controls are a game-changer. I finally feel secure sharing updates with my inner circle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Seamless connectivity and a gorgeous dark interface. It's the social app I've been waiting for.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Finally, a platform that prioritizes user experience over ad clutter. It's refreshing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James Wilson",
|
||||
handle: "@jwilson",
|
||||
testimonial: "Fast, responsive, and incredibly easy to navigate. Connect is my go-to hub now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Community Voices"
|
||||
description="Hear what our global users have to say about their experience with Connect."
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex Rivera", handle: "@arivera", testimonial: "Connect has completely transformed how I interact with my local community groups. Truly intuitive.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-interaction-with-digital-network_23-2152029071.jpg" },
|
||||
{ id: "t2", name: "Sarah Chen", handle: "@schen_dev", testimonial: "The privacy controls are a game-changer. I finally feel secure sharing updates with my inner circle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg" },
|
||||
{ id: "t3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Seamless connectivity and a gorgeous dark interface. It's the social app I've been waiting for.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/military-operations-control-room-used-following-global-threats_482257-90107.jpg" },
|
||||
{ id: "t4", name: "Elena Rossi", handle: "@erossi", testimonial: "Finally, a platform that prioritizes user experience over ad clutter. It's refreshing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg" },
|
||||
{ id: "t5", name: "James Wilson", handle: "@jwilson", testimonial: "Fast, responsive, and incredibly easy to navigate. Connect is my go-to hub now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-colourful-techno-plexus-design-background_1048-14431.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Innovators"
|
||||
description="Collaborating with leading technology partners across the globe to bring you the best experience."
|
||||
names={[
|
||||
"Nebula Tech",
|
||||
"Quantum Labs",
|
||||
"Vertex Digital",
|
||||
"Streamline Co",
|
||||
"Apex Network",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Innovators"
|
||||
description="Collaborating with leading technology partners across the globe to bring you the best experience."
|
||||
names={["Nebula Tech", "Quantum Labs", "Vertex Digital", "Streamline Co", "Apex Network"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Connect © 2025"
|
||||
copyrightText="All rights reserved by Connect Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Connect © 2025"
|
||||
copyrightText="All rights reserved by Connect Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user