Merge version_2 into main #2
125
src/app/page.tsx
125
src/app/page.tsx
@@ -29,17 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "/experience",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
name: "Features", id: "/features"},
|
||||
{
|
||||
name: "Pricing", id: "/pricing"},
|
||||
]}
|
||||
brandName="Snapchat"
|
||||
/>
|
||||
@@ -48,62 +44,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Connection"
|
||||
description="Capture moments, share your perspective, and build deep bonds with the people who matter most in your life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Exploring", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722629.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-stunning-woman_197531-19791.jpg",
|
||||
alt: "portrait of creative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-stunning-woman_197531-19791.jpg", alt: "portrait of creative"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",
|
||||
alt: "portrait of student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg", alt: "portrait of student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-orange-hair_23-2149122915.jpg",
|
||||
alt: "portrait of designer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-orange-hair_23-2149122915.jpg", alt: "portrait of designer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-outdoors_23-2148618924.jpg",
|
||||
alt: "portrait of traveler",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-outdoors_23-2148618924.jpg", alt: "portrait of traveler"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/model-outdoor-apparel-shoot-boat-by-coast_53876-97158.jpg",
|
||||
alt: "portrait of artist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/model-outdoor-apparel-shoot-boat-by-coast_53876-97158.jpg", alt: "portrait of artist"},
|
||||
]}
|
||||
avatarText="Join 10M+ users"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time sharing",
|
||||
},
|
||||
type: "text", text: "Real-time sharing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative AR lenses",
|
||||
},
|
||||
type: "text", text: "Creative AR lenses"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private messaging",
|
||||
},
|
||||
type: "text", text: "Private messaging"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Discover global stories",
|
||||
},
|
||||
type: "text", text: "Discover global stories"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic connections",
|
||||
},
|
||||
type: "text", text: "Authentic connections"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,20 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Creative Lenses",
|
||||
description: "Express yourself with cutting-edge AR filters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-vaporwave-style_23-2148950817.jpg?_wi=1",
|
||||
},
|
||||
title: "Creative Lenses", description: "Express yourself with cutting-edge AR filters.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-vaporwave-style_23-2148950817.jpg?_wi=1"},
|
||||
{
|
||||
title: "Stories",
|
||||
description: "Share your day in real-time with close friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-taking-picture-with-his-cell-phone_150588-150.jpg?_wi=1",
|
||||
},
|
||||
title: "Stories", description: "Share your day in real-time with close friends.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-taking-picture-with-his-cell-phone_150588-150.jpg?_wi=1"},
|
||||
{
|
||||
title: "Snap Map",
|
||||
description: "See where your friends are and what they're up to.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906317.jpg?_wi=1",
|
||||
},
|
||||
title: "Snap Map", description: "See where your friends are and what they're up to.", imageSrc: "http://img.b2bpic.net/free-photo/location-symbol-with-landscape-background_23-2149906317.jpg?_wi=1"},
|
||||
]}
|
||||
title="Designed for Moments"
|
||||
description="Explore the unique ways you can share your world."
|
||||
@@ -142,20 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How is my privacy protected?",
|
||||
content: "We prioritize your privacy with end-to-end encryption.",
|
||||
},
|
||||
id: "1", title: "How is my privacy protected?", content: "We prioritize your privacy with end-to-end encryption."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I use filters?",
|
||||
content: "Absolutely, our lens library is available to everyone.",
|
||||
},
|
||||
id: "2", title: "Can I use filters?", content: "Absolutely, our lens library is available to everyone."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it free to use?",
|
||||
content: "Snapchat is free to use for all users.",
|
||||
},
|
||||
id: "3", title: "Is it free to use?", content: "Snapchat is free to use for all users."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Need to know more? Here's the basics."
|
||||
@@ -172,30 +127,15 @@ export default function LandingPage() {
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alex Rivers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-outdoor-apparel-shoot-by-water_53876-96618.jpg",
|
||||
},
|
||||
id: "m1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/black-man-outdoor-apparel-shoot-by-water_53876-96618.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sam Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-standing-enjoying-view-outdoors_171337-15978.jpg",
|
||||
},
|
||||
id: "m2", name: "Sam Chen", imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-standing-enjoying-view-outdoors_171337-15978.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-posing-smiling_23-2149118742.jpg",
|
||||
},
|
||||
id: "m3", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-posing-smiling_23-2149118742.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13360.jpg",
|
||||
},
|
||||
id: "m4", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13360.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Marcus B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-big-smile_23-2148263403.jpg",
|
||||
},
|
||||
id: "m5", name: "Marcus B.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-big-smile_23-2148263403.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -204,16 +144,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Need support?"
|
||||
description="Our team is here to help you get the most out of your Snapchat experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,4 +164,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user