bender/3dfb108a-6915-4a58-b68c-7e4d2eba2280
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-17 14:43:25 +00:00
parent 88ea91d2a8
commit 96a8cf887e
1 changed files with 50 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -31,84 +31,36 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "Features",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "Features", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="StyleHub"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="StyleHub Essentials"
description="Discover curated fashion collections designed for the modern lifestyle. Quality meets affordability in every stitch."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cheerful-girl-with-drink-buyings_23-2147652077.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/positive-young-female-model-fooling-around-urban-street-magnificent-curly-girl-making-selfie_197531-11316.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/clothing-store-worker-helping-woman-choose-from-stylish-selection-clothes_482257-109184.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg",
alt: "Customer",
},
{ src: "http://img.b2bpic.net/free-photo/cheerful-girl-with-drink-buyings_23-2147652077.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/positive-young-female-model-fooling-around-urban-street-magnificent-curly-girl-making-selfie_197531-11316.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/clothing-store-worker-helping-woman-choose-from-stylish-selection-clothes_482257-109184.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", alt: "Customer" },
]}
avatarText="Join 5,000+ happy shoppers"
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
marqueeItems={[
{
type: "text",
text: "Sustainable Materials",
},
{
type: "text",
text: "Worldwide Delivery",
},
{
type: "text",
text: "Ethical Production",
},
{
type: "text",
text: "Premium Quality",
},
{
type: "text",
text: "Style Guaranteed",
},
{ type: "text", text: "Sustainable Materials" },
{ type: "text", text: "Worldwide Delivery" },
{ type: "text", text: "Ethical Production" },
{ type: "text", text: "Premium Quality" },
{ type: "text", text: "Style Guaranteed" },
]}
/>
</div>
@@ -117,15 +69,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Our Mission to Refine Your Wardrobe",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg",
alt: "About us",
},
{ type: "text", content: "Our Mission to Refine Your Wardrobe" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg", alt: "About us" },
]}
/>
</div>
@@ -137,60 +82,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "StyleHub",
name: "Casual Cotton Shirt",
price: "$45",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176772.jpg",
},
{
id: "p2",
brand: "StyleHub",
name: "Classic Denim Jacket",
price: "$89",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-denim-jacket-mask_23-2148859628.jpg",
},
{
id: "p3",
brand: "StyleHub",
name: "Elegant Silk Dress",
price: "$120",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/confident-mature-woman-grey-dress_23-2148275052.jpg",
},
{
id: "p4",
brand: "StyleHub",
name: "Everyday Chinos",
price: "$55",
rating: 4,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478952.jpg",
},
{
id: "p5",
brand: "StyleHub",
name: "Retro Sneakers",
price: "$95",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083942.jpg",
},
{
id: "p6",
brand: "StyleHub",
name: "Premium Hoodie",
price: "$65",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg",
},
{ id: "p1", brand: "StyleHub", name: "Casual Cotton Shirt", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176772.jpg" },
{ id: "p2", brand: "StyleHub", name: "Classic Denim Jacket", price: "$89", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-denim-jacket-mask_23-2148859628.jpg" },
{ id: "p3", brand: "StyleHub", name: "Elegant Silk Dress", price: "$120", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/confident-mature-woman-grey-dress_23-2148275052.jpg" },
{ id: "p4", brand: "StyleHub", name: "Everyday Chinos", price: "$55", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478952.jpg" },
{ id: "p5", brand: "StyleHub", name: "Retro Sneakers", price: "$95", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150083942.jpg" },
{ id: "p6", brand: "StyleHub", name: "Premium Hoodie", price: "$65", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg" },
]}
title="Summer Essentials Collection"
description="Browse our latest arrivals for the perfect look."
@@ -201,40 +98,17 @@ export default function LandingPage() {
<FeatureCardTwentyFour
textboxLayout="split"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
id: "f1",
title: "Ethical Sourcing",
author: "Commitment",
description: "Our garments are made from ethically sourced, sustainable materials.",
tags: [
"Ethical",
"Eco-friendly",
],
imageSrc: "http://img.b2bpic.net/free-photo/person-coloring-cloth-with-leaves-close-up_23-2148734289.jpg",
},
id: "f1", title: "Ethical Sourcing", author: "Commitment", description: "Our garments are made from ethically sourced, sustainable materials.", tags: ["Ethical", "Eco-friendly"],
imageSrc: "http://img.b2bpic.net/free-photo/person-coloring-cloth-with-leaves-close-up_23-2148734289.jpg"},
{
id: "f2",
title: "Fast Worldwide Shipping",
author: "Logistics",
description: "Experience rapid shipping to over 50 countries globally.",
tags: [
"Speedy",
"Worldwide",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-cardboard-box_23-2149445747.jpg",
},
id: "f2", title: "Fast Worldwide Shipping", author: "Logistics", description: "Experience rapid shipping to over 50 countries globally.", tags: ["Speedy", "Worldwide"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-cardboard-box_23-2149445747.jpg"},
{
id: "f3",
title: "Secure Checkout",
author: "Security",
description: "Safe, encrypted payments for your peace of mind.",
tags: [
"Secure",
"Encrypted",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321825.jpg",
},
id: "f3", title: "Secure Checkout", author: "Security", description: "Safe, encrypted payments for your peace of mind.", tags: ["Secure", "Encrypted"],
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-shopping-city_23-2149321825.jpg"},
]}
title="Why Choose Us"
description="We are dedicated to quality, ethics, and your satisfaction."
@@ -245,15 +119,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"GQ",
"Elle",
"Harper's Bazaar",
"Cosmopolitan",
"WWD",
"InStyle",
]}
names={["Vogue", "GQ", "Elle", "Harper's Bazaar", "Cosmopolitan", "WWD", "InStyle"]}
title="Featured In Leading Media"
description="Recognized for quality in top industry publications."
/>
@@ -263,31 +129,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Jane D.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-wearing-trench-coat_23-2149729304.jpg",
},
{
id: "t2",
name: "Mark S.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-shopaholic-woman-with-colorful-paper-bags_23-2147823604.jpg",
},
{
id: "t3",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7827.jpg",
},
{
id: "t4",
name: "John K.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1735.jpg",
},
{
id: "t5",
name: "Lucy H.",
imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-girl-with-paper-bags_23-2147652074.jpg",
},
{ id: "t1", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-wearing-trench-coat_23-2149729304.jpg" },
{ id: "t2", name: "Mark S.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-shopaholic-woman-with-colorful-paper-bags_23-2147823604.jpg" },
{ id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7827.jpg" },
{ id: "t4", name: "John K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1735.jpg" },
{ id: "t5", name: "Lucy H.", imageSrc: "http://img.b2bpic.net/free-photo/young-fashionable-girl-with-paper-bags_23-2147652074.jpg" },
]}
cardTitle="Loved By Customers"
cardTag="Reviews"
@@ -300,21 +146,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How do I return an item?",
content: "You can return items within 30 days of purchase.",
},
{
id: "faq2",
title: "Do you offer international shipping?",
content: "Yes, we ship to over 50 countries worldwide.",
},
{
id: "faq3",
title: "Is my payment information safe?",
content: "We use SSL encryption to keep all your data safe.",
},
{ id: "faq1", title: "How do I return an item?", content: "You can return items within 30 days of purchase." },
{ id: "faq2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide." },
{ id: "faq3", title: "Is my payment information safe?", content: "We use SSL encryption to keep all your data safe." },
]}
title="Common Questions"
description="Need help? Check out our most asked questions."
@@ -326,18 +160,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get In Touch"
title="Ready to Refresh Your Wardrobe?"
description="Our support team is always ready to assist you."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
@@ -346,29 +173,15 @@ export default function LandingPage() {
logoText="StyleHub"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Careers",
href: "#",
},
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "Shipping",
href: "#",
},
{
label: "Returns",
href: "#",
},
title: "Support", items: [
{ label: "Shipping", href: "#" },
{ label: "Returns", href: "#" },
],
},
]}
@@ -377,4 +190,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}