409 lines
12 KiB
TypeScript
409 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="The Wardrobe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Style Redefined in the Heart of Shillong"
|
|
description="Discover a curated collection of premium apparel, blending traditional elegance with contemporary fashion. Visit The Wardrobe in Police Bazar for an unparalleled shopping experience."
|
|
buttons={[
|
|
{
|
|
text: "Visit Store",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "View Products",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/vintage-dress-collection_23-2151949815.jpg",
|
|
alt: "Customer 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg",
|
|
alt: "Customer 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/clothes-clothing-shop_23-2148164810.jpg",
|
|
alt: "Customer 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950925.jpg",
|
|
alt: "Customer 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929527.jpg",
|
|
alt: "Customer 5",
|
|
},
|
|
]}
|
|
avatarText="Join 10,000+ satisfied customers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Premium Fabrics",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Curated Elegance",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Timeless Styles",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Shillong Heritage",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Global Trends",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Your Signature Look"
|
|
description="At The Wardrobe, we believe your style tells a story. Our curated selection offers timeless pieces that define confidence and comfort, serving Shillong with quality for years."
|
|
metrics={[
|
|
{
|
|
value: "4.9★",
|
|
title: "Store Rating",
|
|
},
|
|
{
|
|
value: "35+",
|
|
title: "Customer Reviews",
|
|
},
|
|
{
|
|
value: "Premium",
|
|
title: "Curated Quality",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Expert Styling",
|
|
description: "Our team helps you find the perfect outfit for every occasion.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22384.jpg",
|
|
imageAlt: "Expert Stylist",
|
|
},
|
|
{
|
|
title: "Premium Fabrics",
|
|
description: "We only source the highest quality materials for our clothing line.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lady-evening-dress-elegant-woman-long-gown_1157-47535.jpg",
|
|
imageAlt: "Quality Fabric",
|
|
},
|
|
{
|
|
title: "Local Legacy",
|
|
description: "Rooted in Police Bazar, bringing Shillong closer to global trends.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg",
|
|
imageAlt: "Community",
|
|
},
|
|
]}
|
|
title="Why Choose The Wardrobe?"
|
|
description="Experience shopping like never before with personalized care."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Wardrobe",
|
|
name: "Classic Shirt",
|
|
price: "₹1,299",
|
|
rating: 5,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-handsome-man-posing-artistically-outdoors_23-2149630144.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Wardrobe",
|
|
name: "Elegance Dress",
|
|
price: "₹2,499",
|
|
rating: 5,
|
|
reviewCount: "8",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-stylish-woman-with-white-hair-poses-studio-dressed-fashionable-jacket-dress-hat-is-her-head_132075-13979.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Luxe",
|
|
name: "Handcrafted Bag",
|
|
price: "₹3,999",
|
|
rating: 4,
|
|
reviewCount: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2149729300.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Denim",
|
|
name: "Urban Jacket",
|
|
price: "₹1,899",
|
|
rating: 5,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-man-with-sunglasses-city_23-2147961048.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Winter",
|
|
name: "Premium Coat",
|
|
price: "₹5,299",
|
|
rating: 5,
|
|
reviewCount: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-jacket-walking-outside_1303-25123.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Accessory",
|
|
name: "Silk Scarf",
|
|
price: "₹799",
|
|
rating: 4,
|
|
reviewCount: "10",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460546.jpg",
|
|
},
|
|
]}
|
|
title="Latest Collections"
|
|
description="Explore our handpicked selection of fashion essentials."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "10k+",
|
|
description: "Happy Customers Served",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "15+",
|
|
description: "Years of Fashion",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "500+",
|
|
description: "Unique Styles",
|
|
},
|
|
]}
|
|
title="Our Impact in Numbers"
|
|
description="Proudly serving the fashion enthusiasts of Shillong."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Ananya D.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-looking-camera_23-2148225642.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Rahul K.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-professional-cute-job-busy-student_1303-2773.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sonia P.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-with-shopping-bags_23-2147823576.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Vikram S.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-women-with-bags-looking-each-other-with-smile-while-walking-clothing-store_146671-15850.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Meera L.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dyed-green-hair-poses-chair-smiles-gladfully-uses-smartphone-headphones-listen-favorite-music-dressed-fashionable-clothes-red_273609-54728.jpg",
|
|
},
|
|
]}
|
|
cardTitle="Loved by Our Community"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Store Timing?",
|
|
content: "We are open from 10:00 AM to 8:00 PM daily.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Location?",
|
|
content: "Visit us at Umsohsun Rd, Police Bazar, Shillong.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Returns?",
|
|
content: "We accept returns within 7 days with the receipt.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-woman-is-pointing-right-with-forefinger-white-background_176474-115343.jpg"
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know before visiting."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Get in Touch"
|
|
description="Have a question? Drop us a message or visit our store."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "How can we help?",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-women-clothes-shopping_23-2150639813.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Products",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="The Wardrobe Shillong"
|
|
copyrightText="© 2025 The Wardrobe Shillong. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|