bender/6b229f7a-89d7-4554-a95a-98c193823863
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

2 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
fb6a9be75c Update src/app/page.tsx 2026-04-17 09:00:25 +00:00
bender
fdecf22b17 Merge version_1 into main 
Merge version_1 into main
 2026-04-17 08:58:52 +00:00
1 changed files with 31 additions and 94 deletions
Expand all files Collapse all files

125
src/app/page.tsx
View File

@@ -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>
);
}
}