bender/522d4601-275f-4844-8301-490c23146e4d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 15:21:56 +00:00
parent aba4eacdb5
commit be17ea688e
1 changed files with 37 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Try-On",
id: "try-on",
},
{
name: "Collection",
id: "collection",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Try-On", id: "try-on" },
{ name: "Collection", id: "collection" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Saturn"
/>
@@ -53,46 +41,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Wear the Future."
description="Experience the evolution of style. Saturn merges deep space aesthetics with AI-powered customization for a look that's truly yours."
buttons={[
{
text: "Try It On",
href: "#try-on",
},
{
text: "Explore Collection",
href: "#collection",
},
{ text: "Try It On", href: "#try-on" },
{ text: "Explore Collection", href: "#collection" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg",
imageAlt: "Futuristic fashion editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275134.jpg",
imageAlt: "Futuristic fashion editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-collage-with-young-woman_23-2148391273.jpg",
imageAlt: "Futuristic fashion editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg",
imageAlt: "Futuristic fashion editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1096.jpg",
imageAlt: "Futuristic fashion editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-posing-dark-sweater-standing-near-lamps_114579-81892.jpg",
imageAlt: "Futuristic fashion editorial",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg", imageAlt: "Futuristic fashion editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275134.jpg", imageAlt: "Futuristic fashion editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-collage-with-young-woman_23-2148391273.jpg", imageAlt: "Futuristic fashion editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg", imageAlt: "Futuristic fashion editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1096.jpg", imageAlt: "Futuristic fashion editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-posing-dark-sweater-standing-near-lamps_114579-81892.jpg", imageAlt: "Futuristic fashion editorial" },
]}
mediaAnimation="blur-reveal"
/>
@@ -103,20 +65,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Uploading delays",
"Wrong sizes",
"Guessing the fit",
],
}}
positiveCard={{
items: [
"Instant AI generation",
"Precise sizing data",
"Hyper-realistic rendering",
],
}}
negativeCard={{ items: ["Uploading delays", "Wrong sizes", "Guessing the fit"] }}
positiveCard={{ items: ["Instant AI generation", "Precise sizing data", "Hyper-realistic rendering"] }}
title="AI Virtual Try-On"
description="Upload your photo, select a Saturn piece, and watch the future of fit unfold instantly with our state-of-the-art AI."
/>
@@ -126,44 +76,15 @@ export default function LandingPage() {
<ProductCardOne
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="blur-reveal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Saturn Oversized Tee",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-vector/stand-out-rose-logo-design-vector_53876-86291.jpg",
},
{
id: "2",
name: "Black Void Hoodie",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-2000-s-fashion-style_23-2149870059.jpg",
},
{
id: "3",
name: "Stellar Tech Pants",
price: "$159",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-virtual-reality-goggles-indoors_23-2148815655.jpg",
},
{
id: "4",
name: "Minimalist Graphic Tee",
price: "$79",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3cd2w3",
},
{
id: "5",
name: "Urban Tech Jacket",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-teenage-boy-wearing-brown-jacket-black-sunglasses-walking-sidewalk_23-2148088759.jpg",
},
{
id: "6",
name: "Future Branding Tee",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919847.jpg",
},
{ id: "1", name: "Saturn Oversized Tee", price: "$89", imageSrc: "http://img.b2bpic.net/free-vector/stand-out-rose-logo-design-vector_53876-86291.jpg" },
{ id: "2", name: "Black Void Hoodie", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-2000-s-fashion-style_23-2149870059.jpg" },
{ id: "3", name: "Stellar Tech Pants", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-virtual-reality-goggles-indoors_23-2148815655.jpg" },
{ id: "4", name: "Minimalist Graphic Tee", price: "$79", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3cd2w3" },
{ id: "5", name: "Urban Tech Jacket", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-teenage-boy-wearing-brown-jacket-black-sunglasses-walking-sidewalk_23-2148088759.jpg" },
{ id: "6", name: "Future Branding Tee", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919847.jpg" },
]}
title="Featured Collection"
description="Graphic oversized tees and futuristic streetwear essentials."
@@ -174,15 +95,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Saturn is a fusion of AI, creativity, and individuality.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/chicken-eggs-feathers-bowl-near-mirror_23-2148073838.jpg",
alt: "Saturn studio",
},
{ type: "text", content: "Saturn is a fusion of AI, creativity, and individuality." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/chicken-eggs-feathers-bowl-near-mirror_23-2148073838.jpg", alt: "Saturn studio" },
]}
/>
</div>
@@ -193,41 +107,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
handle: "@alexfit",
testimonial: "The AI try-on is incredibly realistic. It saved me time and money on returns.",
imageSrc: "http://img.b2bpic.net/free-photo/young-model-big-sunglasses-is-posing-photographer-photo-studio_613910-13118.jpg",
},
{
id: "2",
name: "Mia S.",
handle: "@miastyle",
testimonial: "Saturn’s designs are the next level of streetwear. So sleek.",
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211331.jpg",
},
{
id: "3",
name: "Liam K.",
handle: "@liamk",
testimonial: "I never thought virtual fitting could look this precise. Truly game-changing.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-business-girl-with-makeup-brushes-posing-plain-wall-concept-makeup-cosmetics_78826-3087.jpg",
},
{
id: "4",
name: "Elena P.",
handle: "@elenae",
testimonial: "The aesthetic is unmatched. I love the minimalist approach.",
imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379369.jpg",
},
{
id: "5",
name: "Noah J.",
handle: "@noahcreativ",
testimonial: "Saturn’s AI model integration is smooth and fast. Totally futuristic.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg",
},
{ id: "1", name: "Alex R.", handle: "@alexfit", testimonial: "The AI try-on is incredibly realistic. It saved me time and money on returns.", imageSrc: "http://img.b2bpic.net/free-photo/young-model-big-sunglasses-is-posing-photographer-photo-studio_613910-13118.jpg" },
{ id: "2", name: "Mia S.", handle: "@miastyle", testimonial: "Saturn’s designs are the next level of streetwear. So sleek.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211331.jpg" },
{ id: "3", name: "Liam K.", handle: "@liamk", testimonial: "I never thought virtual fitting could look this precise. Truly game-changing.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-business-girl-with-makeup-brushes-posing-plain-wall-concept-makeup-cosmetics_78826-3087.jpg" },
{ id: "4", name: "Elena P.", handle: "@elenae", testimonial: "The aesthetic is unmatched. I love the minimalist approach.", imageSrc: "http://img.b2bpic.net/free-photo/school-scene-with-queer-teens_23-2150379369.jpg" },
{ id: "5", name: "Noah J.", handle: "@noahcreativ", testimonial: "Saturn’s AI model integration is smooth and fast. Totally futuristic.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg" },
]}
title="The Future of Fashion"
description="See what the creative community says about Saturn."
@@ -239,21 +123,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How does AI try-on work?",
content: "Our AI analyzes your body proportions to simulate the fit of our clothing accurately.",
},
{
id: "2",
title: "Is my data private?",
content: "Yes, all uploaded photos are encrypted and deleted after the try-on simulation.",
},
{
id: "3",
title: "How long until I receive my item?",
content: "Orders are shipped within 2-3 business days.",
},
{ id: "1", title: "How does AI try-on work?", content: "Our AI analyzes your body proportions to simulate the fit of our clothing accurately." },
{ id: "2", title: "Is my data private?", content: "Yes, all uploaded photos are encrypted and deleted after the try-on simulation." },
{ id: "3", title: "How long until I receive my item?", content: "Orders are shipped within 2-3 business days." },
]}
imageSrc="http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg"
mediaAnimation="slide-up"
@@ -269,21 +141,10 @@ export default function LandingPage() {
title="Get in Touch"
description="Have questions about collaborations or our tech? Let's talk."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email Address" },
]}
textarea={{
name: "message",
placeholder: "Your message",
}}
textarea={{ name: "message", placeholder: "Your message" }}
imageSrc="http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505338.jpg"
/>
</div>
@@ -291,14 +152,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="SATURN"
leftLink={{
text: "© 2024 Saturn AI",
href: "#",
}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
leftLink={{ text: "© 2024 Saturn AI", href: "#" }}
rightLink={{ text: "Privacy Policy", href: "#" }}
/>
</div>
</ReactLenis>