bender/ee25ea8a-6b8c-4617-9447-e3304f3c9fc0
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-06 08:12:53 +00:00
parent 44366f307d
commit a73651fa4b
1 changed files with 36 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

261
src/app/page.tsx
View File

@@ -18,27 +18,24 @@ export default function LandingPage() {
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collections",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Collections", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="PantsPlatform"
/>
@@ -46,42 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Find Your Perfect Fit Today"
description="Explore premium pants for every occasion—from boardroom to weekend. Free returns on all orders."
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411389.jpg",
imageAlt: "Premium trousers collection",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/second-hand-market-with-vintage-blazers_23-2149338409.jpg",
imageAlt: "Casual comfort pants",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg",
imageAlt: "Professional tailored trousers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashionable-caucasian-female-pretty-white-suit-pants-posing-fashion-photoshoot_181624-57477.jpg",
imageAlt: "Quality fabric zoom",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-holding-book-outside_23-2148396305.jpg",
imageAlt: "Everyday wear style",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-black-classic-outfit-smiling-isolated-background-attractive-woman-dark-suit-laughing-touching-hair_197531-18495.jpg",
imageAlt: "Luxury finish pants",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149411389.jpg", imageAlt: "Premium trousers collection" },
{ imageSrc: "http://img.b2bpic.net/free-photo/second-hand-market-with-vintage-blazers_23-2149338409.jpg", imageAlt: "Casual comfort pants" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2744.jpg", imageAlt: "Professional tailored trousers" }
]}
mediaAnimation="blur-reveal"
/>
@@ -94,21 +63,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Premium Textiles",
description: "High-grade fabrics that ensure durability and comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/honeycomb-pattern-background_53876-74682.jpg",
},
{
title: "True-to-Size Fit",
description: "Our precision tailoring guarantees a perfect match.",
imageSrc: "http://img.b2bpic.net/free-photo/female-photographer-looking-filmstrip-gray-wall_114579-47214.jpg",
},
{
title: "Sustainable Ethics",
description: "Environmentally friendly production processes.",
imageSrc: "http://img.b2bpic.net/free-photo/smooth-elegant-light-blue-fabric-material-texture_23-2148402330.jpg",
},
{ title: "Premium Textiles", description: "High-grade fabrics that ensure durability and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/honeycomb-pattern-background_53876-74682.jpg" },
{ title: "True-to-Size Fit", description: "Our precision tailoring guarantees a perfect match.", imageSrc: "http://img.b2bpic.net/free-photo/female-photographer-looking-filmstrip-gray-wall_114579-47214.jpg" },
{ title: "Sustainable Ethics", description: "Environmentally friendly production processes.", imageSrc: "http://img.b2bpic.net/free-photo/smooth-elegant-light-blue-fabric-material-texture_23-2148402330.jpg" }
]}
title="Why Our Pants Stand Out"
description="We blend quality, comfort, and sustainable practice to bring you the best wardrobe essentials."
@@ -122,42 +79,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Navy Tailored Trousers",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-photo-stylish-woman-dressed-black-trousers-white-shirt-standing-street-against-modern-building-style-fashion-concept_132075-9142.jpg",
},
{
id: "2",
name: "Casual Khaki Cargo",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shovel_23-2149401218.jpg",
},
{
id: "3",
name: "Active Comfort Joggers",
price: "$60",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-girl-purple-yoga-pants-studio-portrait_53876-102957.jpg",
},
{
id: "4",
name: "Premium Denim Jeans",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-road_23-2147732012.jpg",
},
{
id: "5",
name: "Relaxed Linen Pants",
price: "$110",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-straw-hat-countryside_285396-1389.jpg",
},
{
id: "6",
name: "Essential Slim Chinos",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businesswoman-walking-sidewalk_23-2147972953.jpg",
},
{ id: "1", name: "Navy Tailored Trousers", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/full-length-photo-stylish-woman-dressed-black-trousers-white-shirt-standing-street-against-modern-building-style-fashion-concept_132075-9142.jpg" },
{ id: "2", name: "Casual Khaki Cargo", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shovel_23-2149401218.jpg" },
{ id: "3", name: "Active Comfort Joggers", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/african-american-girl-purple-yoga-pants-studio-portrait_53876-102957.jpg" }
]}
title="Our Latest Collections"
description="Browse our handpicked selection of trousers for every lifestyle."
@@ -168,15 +92,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"FashionDaily",
"SustainableStyle",
"UrbanApparel",
"TrendSetter",
"TheDenimLab",
"GlobalRetailCo",
"BoutiqueStyle",
]}
names={["FashionDaily", "SustainableStyle", "UrbanApparel", "TrendSetter", "TheDenimLab", "GlobalRetailCo", "BoutiqueStyle"]}
title="Trusted by Fashion Enthusiasts"
description="Join thousands who have upgraded their wardrobe."
/>
@@ -188,46 +104,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarahj",
testimonial: "These pants fit perfectly and the quality is outstanding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-woman-outdoor-portrait_624325-3303.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Excellent service and shipping was very fast.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adult-friends-shopping-clothes-together_23-2148385700.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@erod",
testimonial: "Love the fabric feel and the modern cut.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3731.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Finally found a brand that understands sizing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
},
{
id: "5",
name: "Jessica Lee",
handle: "@jlee",
testimonial: "The best chinos I have ever owned, period.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/image-stylish-caucasian-woman-red-dress-makeup-holding-shopping-bags-smiling-standing_1258-174600.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "These pants fit perfectly and the quality is outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-woman-outdoor-portrait_624325-3303.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent service and shipping was very fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-friends-shopping-clothes-together_23-2148385700.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Love the fabric feel and the modern cut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-posing_1303-3731.jpg" }
]}
showRating={true}
title="What Our Customers Say"
@@ -239,24 +118,11 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is your return policy?",
content: "We offer free returns on all orders within 30 days.",
},
{
id: "2",
title: "Do you offer international shipping?",
content: "Yes, we ship to over 50 countries globally.",
},
{
id: "3",
title: "How do I choose my size?",
content: "Consult our detailed size guide on every product page.",
},
{ id: "1", title: "What is your return policy?", content: "We offer free returns on all orders within 30 days." },
{ id: "2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries globally." },
{ id: "3", title: "How do I choose my size?", content: "Consult our detailed size guide on every product page." }
]}
sideTitle="Common Questions"
sideDescription="Find answers to your queries."
faqsAnimation="slide-up"
/>
</div>
@@ -264,75 +130,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Need Help With Your Order?"
description="Our customer service team is here to assist you daily."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Shop",
items: [
{
label: "Trousers",
href: "#products",
},
{
label: "New Arrivals",
href: "#",
},
{
label: "Sale",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Shipping",
href: "#",
},
{
label: "Returns",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Sustainability",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{ title: "Shop", items: [{ label: "Trousers", href: "#products" }, { label: "New Arrivals", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Shipping", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] }
]}
bottomLeftText="© 2024 PantsPlatform. All rights reserved."
bottomRightText="Privacy Policy | Terms of Service"