Switch to version 1: modified src/app/page.tsx

This commit is contained in:
2026-06-03 16:34:52 +00:00
parent 3d35423cd7
commit 67451ce7c9

View File

@@ -9,7 +9,7 @@ import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNinete
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -34,21 +34,37 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", id: "/"}, name: "Home",
id: "#home",
},
{ {
name: "Shop", id: "/products"}, name: "Shop",
id: "#products",
},
{ {
name: "Features", id: "#features"}, name: "Features",
id: "#features",
},
{ {
name: "About Us", id: "#about"}, name: "About Us",
id: "#about",
},
{ {
name: "Testimonials", id: "#testimonials"}, name: "Testimonials",
id: "#testimonials",
},
{ {
name: "Blog", id: "#blog"}, name: "Blog",
id: "#blog",
},
{ {
name: "FAQ", id: "#faq"}, name: "FAQ",
id: "#faq",
},
{ {
name: "Contact", id: "#contact"}, name: "Contact",
id: "#contact",
},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
logoAlt="Cloth Emporium Logo" logoAlt="Cloth Emporium Logo"
@@ -59,14 +75,19 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "plain"}} variant: "plain",
}}
logoText="Cloth Emporium" logoText="Cloth Emporium"
description="Discover timeless elegance and modern style. Your ultimate destination for premium apparel crafted for every occasion." description="Discover timeless elegance and modern style. Your ultimate destination for premium apparel crafted for every occasion."
buttons={[ buttons={[
{ {
text: "Shop Now", href: "/products"}, text: "Shop Now",
href: "#products",
},
{ {
text: "Explore Collections", href: "#features"}, text: "Explore Collections",
href: "#features",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg" imageSrc="http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg"
imageAlt="stylish woman in elegant outfit" imageAlt="stylish woman in elegant outfit"
@@ -74,6 +95,78 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Elegance Threads",
name: "Silk Evening Dress",
price: "$299",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950891.jpg",
imageAlt: "elegant silk dress fashion photography",
},
{
id: "2",
brand: "Urban Wear",
name: "Classic Wool Blazer",
price: "$175",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2616.jpg",
imageAlt: "men's stylish blazer dark color",
},
{
id: "3",
brand: "Denim Dream",
name: "Distressed Denim Jacket",
price: "$89",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16949.jpg",
imageAlt: "casual denim jacket women's fashion",
},
{
id: "4",
brand: "Cozy Comfort",
name: "Cashmere Knit Sweater",
price: "$120",
rating: 5,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg",
imageAlt: "comfortable knit sweater cozy fashion",
},
{
id: "5",
brand: "Boho Chic",
name: "Floral Maxi Skirt",
price: "$65",
rating: 4,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-drag-man_23-2149218668.jpg",
imageAlt: "flowing maxi skirt summer fashion",
},
{
id: "6",
brand: "Essential Basics",
name: "Organic Cotton Tee",
price: "$35",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-teen-boy-white-t-shirt_176474-96036.jpg",
imageAlt: "classic white t-shirt essential wardrobe",
},
]}
title="Latest Arrivals"
description="Explore our newest collection of stylish and comfortable clothing for every occasion."
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardNineteen <FeatureCardNineteen
@@ -81,11 +174,29 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Quality", title: "Superior Craftsmanship", subtitle: "Impeccable details", description: "Every garment is meticulously crafted with attention to detail and durable materials, ensuring lasting quality.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-male-fashion-designer-taking-measurement-fabric_23-2148180372.jpg", imageAlt: "close up textile fabric quality"}, tag: "Quality",
title: "Superior Craftsmanship",
subtitle: "Impeccable details",
description: "Every garment is meticulously crafted with attention to detail and durable materials, ensuring lasting quality.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-male-fashion-designer-taking-measurement-fabric_23-2148180372.jpg",
imageAlt: "close up textile fabric quality",
},
{ {
tag: "Sustainability", title: "Eco-Conscious Fashion", subtitle: "Planet-friendly choices", description: "We partner with ethical suppliers and use sustainable materials to minimize our environmental footprint.", imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg", imageAlt: "green leaf on clothing sustainable fashion"}, tag: "Sustainability",
title: "Eco-Conscious Fashion",
subtitle: "Planet-friendly choices",
description: "We partner with ethical suppliers and use sustainable materials to minimize our environmental footprint.",
imageSrc: "http://img.b2bpic.net/free-photo/knitting-wool-thread-close-up_23-2148923307.jpg",
imageAlt: "green leaf on clothing sustainable fashion",
},
{ {
tag: "Style", title: "Curated Collections", subtitle: "Trends and classics", description: "Our collections blend timeless elegance with the latest trends, offering unique pieces for every personal style.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg", imageAlt: "fashion designer sketching new collection"}, tag: "Style",
title: "Curated Collections",
subtitle: "Trends and classics",
description: "Our collections blend timeless elegance with the latest trends, offering unique pieces for every personal style.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-blackboard_329181-18092.jpg",
imageAlt: "fashion designer sketching new collection",
},
]} ]}
title="Experience the Difference" title="Experience the Difference"
description="From exquisite fabrics to sustainable practices, we bring you fashion that feels good and does good." description="From exquisite fabrics to sustainable practices, we bring you fashion that feels good and does good."
@@ -112,7 +223,14 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Vogue Collective", "Fashion Hub", "Style Source", "Trend Setters", "Apparel Innovators", "Textile Partners", "Design Works"]} "Vogue Collective",
"Fashion Hub",
"Style Source",
"Trend Setters",
"Apparel Innovators",
"Textile Partners",
"Design Works",
]}
title="Trusted by Fashion Lovers & Industry Experts" title="Trusted by Fashion Lovers & Industry Experts"
description="We collaborate with leading names in fashion and are loved by thousands of satisfied customers." description="We collaborate with leading names in fashion and are loved by thousands of satisfied customers."
showCard={true} showCard={true}
@@ -126,15 +244,45 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Johnson", handle: "@sarah_fashion", testimonial: "Cloth Emporium always has the most unique and elegant pieces. I always find something I love!", imageSrc: "http://img.b2bpic.net/free-photo/partners-sitting-table-working-cafe_1157-28477.jpg", imageAlt: "happy young woman smiling fashion"}, id: "1",
name: "Sarah Johnson",
handle: "@sarah_fashion",
testimonial: "Cloth Emporium always has the most unique and elegant pieces. I always find something I love!",
imageSrc: "http://img.b2bpic.net/free-photo/partners-sitting-table-working-cafe_1157-28477.jpg",
imageAlt: "happy young woman smiling fashion",
},
{ {
id: "2", name: "Michael Chen", handle: "@michaels_style", testimonial: "Their quality is unmatched. I've bought several items and they've all exceeded my expectations. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-man-dressed-elegant-beige-checkered-suit-posing-near-brick-wall-street-background-metrosexual_158538-11005.jpg", imageAlt: "stylish man posing professional clothing"}, id: "2",
name: "Michael Chen",
handle: "@michaels_style",
testimonial: "Their quality is unmatched. I've bought several items and they've all exceeded my expectations. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-suit-posing-near-brick-wall-street-background-metrosexual_158538-11005.jpg",
imageAlt: "stylish man posing professional clothing",
},
{ {
id: "3", name: "Emily Rodriguez", handle: "@emily_chic", testimonial: "The customer service is fantastic, and the clothing range is simply exquisite. My go-to store for all occasions.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg", imageAlt: "beautiful woman enjoying shopping experience"}, id: "3",
name: "Emily Rodriguez",
handle: "@emily_chic",
testimonial: "The customer service is fantastic, and the clothing range is simply exquisite. My go-to store for all occasions.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-excited-woman-holding-smartphone_23-2149313451.jpg",
imageAlt: "beautiful woman enjoying shopping experience",
},
{ {
id: "4", name: "David Kim", handle: "@david_threads", testimonial: "I love the sustainable options and the timeless designs. It's great to know I'm supporting an ethical brand.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-with-shopping-bags-walking-street_1153-6018.jpg", imageAlt: "young couple smiling in matching outfits"}, id: "4",
name: "David Kim",
handle: "@david_threads",
testimonial: "I love the sustainable options and the timeless designs. It's great to know I'm supporting an ethical brand.",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-women-with-shopping-bags-walking-street_1153-6018.jpg",
imageAlt: "young couple smiling in matching outfits",
},
{ {
id: "5", name: "Olivia White", handle: "@olivia_wardrobe", testimonial: "From casual wear to elegant evening dresses, Cloth Emporium has it all. The fit is perfect every time!", imageSrc: "http://img.b2bpic.net/free-photo/happy-clothes-shop-customer-taking-hanger-with-dress-from-rack-trying-woman-choosing-clothes-fashion-store-consumerism-retail-concept_74855-11761.jpg", imageAlt: "older woman looking elegant in clothes"}, id: "5",
name: "Olivia White",
handle: "@olivia_wardrobe",
testimonial: "From casual wear to elegant evening dresses, Cloth Emporium has it all. The fit is perfect every time!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-clothes-shop-customer-taking-hanger-with-dress-from-rack-trying-woman-choosing-clothes-fashion-store-consumerism-retail-concept_74855-11761.jpg",
imageAlt: "older woman looking elegant in clothes",
},
]} ]}
title="What Our Customers Say" title="What Our Customers Say"
description="Hear from our happy clients about their delightful experience and stylish finds at Cloth Emporium." description="Hear from our happy clients about their delightful experience and stylish finds at Cloth Emporium."
@@ -150,11 +298,38 @@ export default function LandingPage() {
description="Stay ahead of the curve with our latest articles on fashion tips, new collections, and sustainable living." description="Stay ahead of the curve with our latest articles on fashion tips, new collections, and sustainable living."
blogs={[ blogs={[
{ {
id: "1", category: "Fashion Tips", title: "Mastering Your Capsule Wardrobe", excerpt: "Discover how to build a versatile wardrobe with essential pieces that mix and match effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg", imageAlt: "woman choosing clothes in boutique", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg", date: "July 10, 2024"}, id: "1",
category: "Fashion Tips",
title: "Mastering Your Capsule Wardrobe",
excerpt: "Discover how to build a versatile wardrobe with essential pieces that mix and match effortlessly.",
imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12050.jpg",
imageAlt: "woman choosing clothes in boutique",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/successful-middle-aged-businesswoman-showing-ok-okay-sign-nod-approval-smiling-pleased-approve-something-good-white-background_176420-50223.jpg",
date: "July 10, 2024",
},
{ {
id: "2", category: "Sustainability", title: "The Rise of Eco-Friendly Fabrics", excerpt: "Learn about the innovative sustainable materials transforming the fashion industry and how they benefit you.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio-with-sewing-machine_23-2148834148.jpg", imageAlt: "sustainable fashion production process", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-wearing-stylish-clothes-stands-with-bicycle-antique-street-europe_613910-6715.jpg", date: "July 5, 2024"}, id: "2",
category: "Sustainability",
title: "The Rise of Eco-Friendly Fabrics",
excerpt: "Learn about the innovative sustainable materials transforming the fashion industry and how they benefit you.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-tailor-working-studio-with-sewing-machine_23-2148834148.jpg",
imageAlt: "sustainable fashion production process",
authorName: "John Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-bearded-male-wearing-stylish-clothes-stands-with-bicycle-antique-street-europe_613910-6715.jpg",
date: "July 5, 2024",
},
{ {
id: "3", category: "New Collections", title: "Autumn/Winter Collection Preview", excerpt: "Get an exclusive sneak peek at our upcoming collection, featuring warm tones, luxurious textures, and contemporary designs.", imageSrc: "http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg", imageAlt: "fashion runway show new trends", authorName: "Emily White", authorAvatar: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5737.jpg", date: "June 28, 2024"}, id: "3",
category: "New Collections",
title: "Autumn/Winter Collection Preview",
excerpt: "Get an exclusive sneak peek at our upcoming collection, featuring warm tones, luxurious textures, and contemporary designs.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11972.jpg",
imageAlt: "fashion runway show new trends",
authorName: "Emily White",
authorAvatar: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5737.jpg",
date: "June 28, 2024",
},
]} ]}
/> />
</div> </div>
@@ -165,17 +340,35 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "1", title: "What are your shipping options?", content: "We offer standard and express shipping nationwide. International shipping rates vary by destination. You can find detailed information on our shipping policy page."}, id: "1",
title: "What are your shipping options?",
content: "We offer standard and express shipping nationwide. International shipping rates vary by destination. You can find detailed information on our shipping policy page.",
},
{ {
id: "2", title: "What is your return policy?", content: "You can return items within 30 days of purchase, provided they are unworn, unwashed, and with original tags. Please see our returns page for full details and instructions."}, id: "2",
title: "What is your return policy?",
content: "You can return items within 30 days of purchase, provided they are unworn, unwashed, and with original tags. Please see our returns page for full details and instructions.",
},
{ {
id: "3", title: "How do I find my size?", content: "Each product page features a detailed size guide to help you choose the perfect fit. If you need further assistance, our customer support team is happy to help."}, id: "3",
title: "How do I find my size?",
content: "Each product page features a detailed size guide to help you choose the perfect fit. If you need further assistance, our customer support team is happy to help.",
},
{ {
id: "4", title: "Do you offer international shipping?", content: "Yes, we ship to a wide range of international destinations. Shipping costs and delivery times will be calculated at checkout based on your location."}, id: "4",
title: "Do you offer international shipping?",
content: "Yes, we ship to a wide range of international destinations. Shipping costs and delivery times will be calculated at checkout based on your location.",
},
{ {
id: "5", title: "Are your clothes ethically sourced?", content: "Absolutely. We are committed to ethical sourcing and partner only with manufacturers who adhere to fair labor practices and sustainable production methods."}, id: "5",
title: "Are your clothes ethically sourced?",
content: "Absolutely. We are committed to ethical sourcing and partner only with manufacturers who adhere to fair labor practices and sustainable production methods.",
},
{ {
id: "6", title: "How can I track my order?", content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey on our website or the carrier's site."}, id: "6",
title: "How can I track my order?",
content: "Once your order is shipped, you will receive a confirmation email with a tracking number. You can use this number to monitor your package's journey on our website or the carrier's site.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Find quick answers to your most common questions about shopping, returns, sizing, and more." description="Find quick answers to your most common questions about shopping, returns, sizing, and more."
@@ -187,11 +380,14 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain"}} variant: "plain",
}}
text="Ready to elevate your wardrobe? Get in touch with us today for personalized style advice, order inquiries, or any questions you may have." text="Ready to elevate your wardrobe? Get in touch with us today for personalized style advice, order inquiries, or any questions you may have."
buttons={[ buttons={[
{ {
text: "Contact Us", href: "#"}, text: "Contact Us",
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -203,39 +399,66 @@ export default function LandingPage() {
logoText="Cloth Emporium" logoText="Cloth Emporium"
columns={[ columns={[
{ {
title: "Shop", items: [ title: "Shop",
items: [
{ {
label: "New Arrivals", href: "/products"}, label: "New Arrivals",
href: "#products",
},
{ {
label: "Collections", href: "#features"}, label: "Collections",
href: "#features",
},
{ {
label: "Best Sellers", href: "/products"}, label: "Best Sellers",
href: "#products",
},
{ {
label: "Sale", href: "#"}, label: "Sale",
href: "#",
},
], ],
}, },
{ {
title: "About", items: [ title: "About",
items: [
{ {
label: "Our Story", href: "#about"}, label: "Our Story",
href: "#about",
},
{ {
label: "Sustainability", href: "#features"}, label: "Sustainability",
href: "#features",
},
{ {
label: "Testimonials", href: "#testimonials"}, label: "Testimonials",
href: "#testimonials",
},
{ {
label: "Careers", href: "#"}, label: "Careers",
href: "#",
},
], ],
}, },
{ {
title: "Support", items: [ title: "Support",
items: [
{ {
label: "FAQ", href: "#faq"}, label: "FAQ",
href: "#faq",
},
{ {
label: "Contact Us", href: "#contact"}, label: "Contact Us",
href: "#contact",
},
{ {
label: "Shipping & Returns", href: "#"}, label: "Shipping & Returns",
href: "#",
},
{ {
label: "Privacy Policy", href: "#"}, label: "Privacy Policy",
href: "#",
},
], ],
}, },
]} ]}
@@ -245,4 +468,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }