bender/253e762f-daa3-4506-aebd-9346e37e7f59
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-08 02:10:22 +00:00
parent 1eb8cbefc6
commit 74d72950a8
1 changed files with 141 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

519
src/app/page.tsx
View File

@@ -27,392 +27,155 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collections",
id: "products",
},
{
name: "About",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="RG_SHOES"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Collections", id: "products" },
{ name: "About", id: "features" },
{ name: "Contact", id: "contact" }
]}
brandName="RG_SHOES"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="RG_SHOES: Redefining Performance"
description="Experience the ultimate fusion of urban style and elite athletic performance. Discover footwear engineered for the bold."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-boot_23-2148069342.jpg",
imageAlt: "sneakers on dark background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-lifting-dumbbell_23-2147775997.jpg",
imageAlt: "sports sneakers running shoes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skateboarders-feet-skating_171337-8996.jpg",
imageAlt: "sneaker fabric texture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-truth-concept-composition_23-2149051350.jpg",
imageAlt: "suspended sneakers artistic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-surface-with-colored-shoes_23-2147630294.jpg",
imageAlt: "collection of sneakers top view",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-sneaker-is-being-spray-painted-with-purple-spray-paint_123827-23438.jpg",
imageAlt: "action sneaker shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sustainability-concept-assortment_23-2148996999.jpg",
imageAlt: "suspended sneakers artistic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-sport-equipment-flat-lay_23-2149872108.jpg",
imageAlt: "collection of sneakers top view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sportsman-runs-jump-into-sky_158595-5931.jpg",
imageAlt: "action sneaker shot",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg",
imageAlt: "sneakers on dark background",
},
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Learn More",
href: "#features",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg",
alt: "Model in white high top sneakers",
},
{
src: "http://img.b2bpic.net/free-photo/person-posing-with-skateboard_23-2150583987.jpg",
alt: "Person posing with skateboard",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005696.jpg",
alt: "Close up on futuristic sneakers",
},
{
src: "http://img.b2bpic.net/free-photo/person-defying-laws-physics-by-levitating-atmosphere_23-2151122756.jpg",
alt: "Person levitating",
},
{
src: "http://img.b2bpic.net/free-photo/shoes_1303-3612.jpg",
alt: "Shoes",
},
]}
avatarText="Join 50,000+ satisfied sneakerheads"
marqueeItems={[
{
type: "text",
text: "Ultra-light weight",
},
{
type: "text",
text: "Eco-friendly materials",
},
{
type: "text",
text: "Global delivery",
},
{
type: "text",
text: "24/7 Support",
},
{
type: "text",
text: "Limited Editions",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="RG_SHOES: Redefining Performance"
description="Experience the ultimate fusion of urban style and elite athletic performance. Discover footwear engineered for the bold."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/white-flowers-boot_23-2148069342.jpg", imageAlt: "sneakers on dark background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-lifting-dumbbell_23-2147775997.jpg", imageAlt: "sports sneakers running shoes" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-skateboarders-feet-skating_171337-8996.jpg", imageAlt: "sneaker fabric texture" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-truth-concept-composition_23-2149051350.jpg", imageAlt: "suspended sneakers artistic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-surface-with-colored-shoes_23-2147630294.jpg", imageAlt: "collection of sneakers top view" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-sneaker-is-being-spray-painted-with-purple-spray-paint_123827-23438.jpg", imageAlt: "action sneaker shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-sustainability-concept-assortment_23-2148996999.jpg", imageAlt: "suspended sneakers artistic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/perfectly-ordered-sport-equipment-flat-lay_23-2149872108.jpg", imageAlt: "collection of sneakers top view" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sportsman-runs-jump-into-sky_158595-5931.jpg", imageAlt: "action sneaker shot" },
{ imageSrc: "http://img.b2bpic.net/free-photo/classic-stylish-men-s-shoes_169016-5564.jpg", imageAlt: "sneakers on dark background" }
]}
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Learn More", href: "#features" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/model-white-high-top-sneakers-standing-chair_53876-97148.jpg", alt: "Model in white high top sneakers" },
{ src: "http://img.b2bpic.net/free-photo/person-posing-with-skateboard_23-2150583987.jpg", alt: "Person posing with skateboard" },
{ src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005696.jpg", alt: "Close up on futuristic sneakers" },
{ src: "http://img.b2bpic.net/free-photo/person-defying-laws-physics-by-levitating-atmosphere_23-2151122756.jpg", alt: "Person levitating" },
{ src: "http://img.b2bpic.net/free-photo/shoes_1303-3612.jpg", alt: "Shoes" }
]}
avatarText="Join 50,000+ satisfied sneakerheads"
marqueeItems={[
{ type: "text", text: "Ultra-light weight" },
{ type: "text", text: "Eco-friendly materials" },
{ type: "text", text: "Global delivery" },
{ type: "text", text: "24/7 Support" },
{ type: "text", text: "Limited Editions" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Shock-Absorbing Tech",
description: "Proprietary soles for maximum energy return.",
imageSrc: "http://img.b2bpic.net/free-photo/foot-step-details-moon-texture-concept_23-2149535773.jpg",
imageAlt: "shoe technology sole",
},
{
title: "Breathable Mesh",
description: "Cooling materials that keep your feet dry.",
imageSrc: "http://img.b2bpic.net/free-photo/straw-background_74190-2928.jpg",
imageAlt: "breathable shoe knit",
},
{
title: "Hydro-Shield Finish",
description: "Water-repellent coating for all conditions.",
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-sand_1098-16110.jpg",
imageAlt: "waterproof sneaker tech",
},
]}
title="Why RG_SHOES?"
description="Advanced materials and design philosophy."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Shock-Absorbing Tech", description: "Proprietary soles for maximum energy return.", imageSrc: "http://img.b2bpic.net/free-photo/foot-step-details-moon-texture-concept_23-2149535773.jpg", imageAlt: "shoe technology sole" },
{ title: "Breathable Mesh", description: "Cooling materials that keep your feet dry.", imageSrc: "http://img.b2bpic.net/free-photo/straw-background_74190-2928.jpg", imageAlt: "breathable shoe knit" },
{ title: "Hydro-Shield Finish", description: "Water-repellent coating for all conditions.", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-sand_1098-16110.jpg", imageAlt: "waterproof sneaker tech" }
]}
title="Why RG_SHOES?"
description="Advanced materials and design philosophy."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Urban Stealth",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960688.jpg",
imageAlt: "black sneakers minimal",
},
{
id: "p2",
name: "Royal Performance",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-middle-aged-man-stretching-before-exercise_23-2147839299.jpg",
imageAlt: "basketball shoes blue",
},
{
id: "p3",
name: "Heritage Suede",
price: "$135",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shoes_1150-10719.jpg",
imageAlt: "vintage sneakers suede",
},
{
id: "p4",
name: "Chunky Mod",
price: "$160",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-floor-with-skateboard_23-2148436053.jpg",
imageAlt: "chunky sneakers fashion",
},
{
id: "p5",
name: "Agile Pro",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-tying-her-shoelaces_23-2148785544.jpg",
imageAlt: "gym training sneakers",
},
{
id: "p6",
name: "Street Luxe",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/stroke-print-symbol-art-splashing_1194-8137.jpg",
imageAlt: "streetwear sneaker signature",
},
]}
title="New Arrivals"
description="Explore our latest collection of high-performance sneakers."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Urban Stealth", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-shoe-rack-indoors_23-2150960688.jpg", imageAlt: "black sneakers minimal" },
{ id: "p2", name: "Royal Performance", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-middle-aged-man-stretching-before-exercise_23-2147839299.jpg", imageAlt: "basketball shoes blue" },
{ id: "p3", name: "Heritage Suede", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/top-view-shoes_1150-10719.jpg", imageAlt: "vintage sneakers suede" },
{ id: "p4", name: "Chunky Mod", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-floor-with-skateboard_23-2148436053.jpg", imageAlt: "chunky sneakers fashion" },
{ id: "p5", name: "Agile Pro", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-tying-her-shoelaces_23-2148785544.jpg", imageAlt: "gym training sneakers" },
{ id: "p6", name: "Street Luxe", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/stroke-print-symbol-art-splashing_1194-8137.jpg", imageAlt: "streetwear sneaker signature" }
]}
title="New Arrivals"
description="Explore our latest collection of high-performance sneakers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50K+",
title: "Pairs Shipped",
description: "Global deliveries.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827234.jpg",
imageAlt: "shipping logistics tech",
},
{
id: "m2",
value: "99%",
title: "Quality Score",
description: "Rigorous checks.",
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741270.jpg",
imageAlt: "quality control laser tech",
},
{
id: "m3",
value: "15%",
title: "Growth Rate",
description: "Year on year.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-shoe-shape-glowing-with-bright-holographic-colors_23-2151037288.jpg",
imageAlt: "sales growth chart",
},
]}
title="Our Impact"
description="Numbers speak for our quality."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "50K+", title: "Pairs Shipped", description: "Global deliveries.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827234.jpg", imageAlt: "shipping logistics tech" },
{ id: "m2", value: "99%", title: "Quality Score", description: "Rigorous checks.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741270.jpg", imageAlt: "quality control laser tech" },
{ id: "m3", value: "15%", title: "Growth Rate", description: "Year on year.", imageSrc: "http://img.b2bpic.net/free-photo/3d-shoe-shape-glowing-with-bright-holographic-colors_23-2151037288.jpg", imageAlt: "sales growth chart" }
]}
title="Our Impact"
description="Numbers speak for our quality."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Great feel",
quote: "The comfort is unmatched.",
name: "Alice M.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/person-defying-laws-physics-by-levitating-atmosphere_23-2151122747.jpg",
imageAlt: "stylish urban walker",
},
{
id: "t2",
title: "Game changer",
quote: "Best performance shoe ever.",
name: "Bob K.",
role: "Athlete",
imageSrc: "http://img.b2bpic.net/free-photo/awesome-beautiful-tall-ararbian-beard-macho-man-photographer-glasses-black-tshirt-with-professional-camera-hands_627829-2396.jpg",
imageAlt: "active athlete resting",
},
{
id: "t3",
title: "Stylish",
quote: "Matches every outfit.",
name: "Charlie D.",
role: "Creative",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020788.jpg",
imageAlt: "designer wearing sneakers",
},
{
id: "t4",
title: "Urban vibe",
quote: "Perfect for the city.",
name: "Dana R.",
role: "Model",
imageSrc: "http://img.b2bpic.net/free-photo/distressed-splats-template-antique-stroke_1194-9514.jpg",
imageAlt: "street style urban model",
},
{
id: "t5",
title: "Everyday wear",
quote: "I wear these everywhere.",
name: "Evan L.",
role: "Customer",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
imageAlt: "happy casual customer",
},
]}
title="Voices of RG"
description="What our customers are saying."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", title: "Great feel", quote: "The comfort is unmatched.", name: "Alice M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/person-defying-laws-physics-by-levitating-atmosphere_23-2151122747.jpg", imageAlt: "stylish urban walker" },
{ id: "t2", title: "Game changer", quote: "Best performance shoe ever.", name: "Bob K.", role: "Athlete", imageSrc: "http://img.b2bpic.net/free-photo/awesome-beautiful-tall-ararbian-beard-macho-man-photographer-glasses-black-tshirt-with-professional-camera-hands_627829-2396.jpg", imageAlt: "active athlete resting" },
{ id: "t3", title: "Stylish", quote: "Matches every outfit.", name: "Charlie D.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020788.jpg", imageAlt: "designer wearing sneakers" },
{ id: "t4", title: "Urban vibe", quote: "Perfect for the city.", name: "Dana R.", role: "Model", imageSrc: "http://img.b2bpic.net/free-photo/distressed-splats-template-antique-stroke_1194-9514.jpg", imageAlt: "street style urban model" },
{ id: "t5", title: "Everyday wear", quote: "I wear these everywhere.", name: "Evan L.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg", imageAlt: "happy casual customer" }
]}
title="Voices of RG"
description="What our customers are saying."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Shipping time?",
content: "3-5 business days globally.",
},
{
id: "f2",
title: "Returns?",
content: "30-day money-back guarantee.",
},
{
id: "f3",
title: "Sizing?",
content: "Standard US sizing provided.",
},
]}
sideTitle="Questions?"
sideDescription="We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Shipping time?", content: "3-5 business days globally." },
{ id: "f2", title: "Returns?", content: "30-day money-back guarantee." },
{ id: "f3", title: "Sizing?", content: "Standard US sizing provided." }
]}
sideTitle="Questions?"
sideDescription="We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Ready to get your next pair?"
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Ready to get your next pair?"
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg"
logoText="RG_SHOES"
columns={[
{
title: "Shop",
items: [
{
label: "All",
href: "#products",
},
{
label: "New",
href: "#products",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#features",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
imageAlt="sneaker store storefront night"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg"
logoText="RG_SHOES"
columns={[
{ title: "Shop", items: [{ label: "All", href: "#products" }, { label: "New", href: "#products" }] },
{ title: "Company", items: [{ label: "About", href: "#features" }, { label: "Contact", href: "#contact" }] }
]}
imageAlt="sneaker store storefront night"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}