251 lines
15 KiB
TypeScript
251 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Sparkles, Lightbulb, Leaf, Gem } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Collection", id: "#products"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="FashionCloths"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
logoText="FashionCloths"
|
|
description="Discover a curated collection of elegant abayas, sophisticated handbags, and modern apparel that redefines modest fashion. Elevate your style with timeless pieces from FashionCloths."
|
|
buttons={[
|
|
{
|
|
text: "Shop New Arrivals", href: "#products"},
|
|
{
|
|
text: "Learn More", href: "#about"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
|
|
imageAlt="Elegant woman wearing an abaya and carrying a luxury handbag, representing FashionCloths style"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Elegance, Celebrating Modesty"
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "#"},
|
|
{
|
|
text: "Our Values", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Exquisite Craftsmanship", description: "Each item is carefully handmade by skilled artisans, ensuring superior quality and attention to detail that stands the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305954.jpg", imageAlt: "Close up of hand stitching on luxury fabric", buttonIcon: Sparkles,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "Innovative Designs", description: "Our collections feature unique designs that blend cultural heritage with global trends, offering you truly distinctive fashion statements.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-floral-seamless-pattern-with-purple-flower_44538-10826.jpg", imageAlt: "Fashion designer sketching a new garment", buttonIcon: Lightbulb,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "Sustainable Practices", description: "We are committed to ethical sourcing and sustainable production, ensuring our fashion choices are kind to both people and the planet.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-creating-vision-board_23-2150061836.jpg", imageAlt: "Eco-friendly textile production", buttonIcon: Leaf,
|
|
buttonHref: "#"},
|
|
{
|
|
title: "Exclusive Collections", description: "Discover limited-edition pieces and seasonal collections that offer unique style and exclusivity, perfect for discerning tastes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33432.jpg", imageAlt: "Luxury boutique displaying an exclusive fashion piece", buttonIcon: Gem,
|
|
buttonHref: "#"},
|
|
]}
|
|
title="Unparalleled Quality & Design"
|
|
description="Experience the difference of premium craftsmanship and thoughtful design in every ChicThreads piece. We focus on details that matter, ensuring comfort, durability, and unparalleled style."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "abaya-1", name: "The Serene Abaya", price: "$189.00", variant: "Black, Embellished", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149198019.jpg", imageAlt: "Modern black abaya with elegant detailing"},
|
|
{
|
|
id: "handbag-1", name: "Classic Elegance Tote", price: "$249.00", variant: "Tan, Genuine Leather", imageSrc: "http://img.b2bpic.net/free-photo/funny-portrait-happy-blonde-girl-making-funny-faces-showing-tongue-street-autumn-time-rest-city_291049-1395.jpg", imageAlt: "Stylish leather tote handbag"},
|
|
{
|
|
id: "clothing-1", name: "Graceful Modesty Dress", price: "$159.00", variant: "Navy Blue, Flowy", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-dress_23-2148506480.jpg", imageAlt: "Elegant navy blue modest dress"},
|
|
{
|
|
id: "abaya-2", name: "Desert Bloom Abaya", price: "$199.00", variant: "Sand, Embroidered", imageSrc: "http://img.b2bpic.net/free-photo/man-floral-dress-sitting-chair-with-different-flowers-floor_23-2148121845.jpg", imageAlt: "Embroidered sand-colored abaya"},
|
|
{
|
|
id: "handbag-2", name: "Petite Charm Crossbody", price: "$129.00", variant: "White, Faux Leather", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman_1303-10070.jpg", imageAlt: "Fashionable white crossbody bag"},
|
|
{
|
|
id: "clothing-2", name: "Sophisticated Blouse", price: "$89.00", variant: "Cream, Silky Fabric", imageSrc: "http://img.b2bpic.net/free-photo/girl-scary-bandage-mask-sitting_23-2147680394.jpg", imageAlt: "Sophisticated cream blouse"},
|
|
]}
|
|
title="Our Latest Collection"
|
|
description="Browse our hand-picked selection of new arrivals, featuring the finest abayas, stylish handbags, and elegant clothing. Find your perfect ensemble."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Vogue Collective", "Haute Threads Inc.", "Modesty Fashion Hub", "Global Style Group", "Elegance & Co.", "Trendsetters Magazine", "Luxury Apparel Corp."]}
|
|
title="Trusted by Leading Fashion Voices"
|
|
description="Our commitment to quality and style has earned the recognition of top fashion influencers and industry partners worldwide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Absolutely Stunning Abaya!", quote: "I'm incredibly impressed with the quality and design of my new abaya. It's truly a statement piece that I feel confident and elegant in. FashionCloths has won a loyal customer!", name: "Aisha Khan", role: "Fashion Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-romantic-brunette-girl-pajamas-chilling-home-indoor-shot-charming-woman-relaxing-rest-her-apartment_197531-26111.jpg", imageAlt: "Aisha Khan"},
|
|
{
|
|
id: "2", title: "My Go-To for Handbags", quote: "The handbag I purchased from FashionCloths is not just beautiful, but also incredibly durable and versatile. It complements every outfit perfectly. Highly recommend!", name: "Fatima Al-Mansoori", role: "Style Consultant", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3369.jpg", imageAlt: "Fatima Al-Mansoori"},
|
|
{
|
|
id: "3", title: "Exceptional Quality Clothing", quote: "FashionCloths offers clothing that feels luxurious and fits impeccably. I love that I can find modest yet highly fashionable options here. Truly a gem!", name: "Zara Ali", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dark-green-dress-poses-outside_197531-26623.jpg", imageAlt: "Zara Ali"},
|
|
{
|
|
id: "4", title: "Elegant and Comfortable", quote: "My new abaya is both elegant and incredibly comfortable, perfect for long days. The fabric is premium, and the stitching is flawless. Exceeded my expectations!", name: "Noor Hassan", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/seductive-blond-european-woman-red-jacket-white-dress-posing-street-hand-near-face-long-eyelashe_273443-3418.jpg", imageAlt: "Noor Hassan"},
|
|
{
|
|
id: "5", title: "A Touch of Sophistication", quote: "The pieces from FashionCloths add a unique touch of sophistication to my wardrobe. I always receive compliments when wearing their designs. Fantastic service too!", name: "Layla Rahman", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-model-posing-elegant-dress_1328-2502.jpg", imageAlt: "Layla Rahman"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from our delighted customers who have experienced the elegance and quality of FashionCloths. Your satisfaction is our greatest reward."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What materials are your abayas made from?", content: "Our abayas are crafted from a selection of premium fabrics including Nida, Crepe, and high-quality Korean Linen, chosen for their luxurious feel, durability, and elegant drape."},
|
|
{
|
|
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, FashionCloths proudly offers worldwide shipping. Shipping costs and delivery times vary depending on your location, which will be calculated at checkout."},
|
|
{
|
|
id: "faq-3", title: "What is your return and exchange policy?", content: "We offer a 14-day return and exchange policy for unworn and unwashed items with original tags attached. Please refer to our detailed returns page for more information."},
|
|
{
|
|
id: "faq-4", title: "How do I care for my FashionCloths garments?", content: "We recommend dry cleaning for most of our abayas and delicate clothing items to maintain their quality and embellishments. Handbags should be cleaned with a soft, damp cloth."},
|
|
{
|
|
id: "faq-5", title: "Are your products true to size?", content: "We provide a comprehensive size guide on each product page. We recommend comparing your measurements to our guide to ensure the best fit."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find answers to common questions about our products, shipping, returns, and more. If you can't find what you're looking for, feel free to contact us."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
text="Have a question? We're here to help!"
|
|
buttons={[
|
|
{
|
|
text: "Send Us an Email", href: "mailto:info@fashioncloths.com"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/1234567890"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Story", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "Abayas", href: "#products"},
|
|
{
|
|
label: "Handbags", href: "#products"},
|
|
{
|
|
label: "New Arrivals", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Shipping & Returns", href: "#"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://www.instagram.com/fashioncloths" },
|
|
{ label: "Threads", href: "https://www.threads.net/@fashioncloths" },
|
|
{ label: "TikTok", href: "https://www.tiktok.com/@fashioncloths" },
|
|
{ label: "YouTube", href: "https://www.youtube.com/@fashioncloths" },
|
|
{ label: "X", href: "https://twitter.com/fashioncloths" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 FashionCloths. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|