306 lines
17 KiB
TypeScript
306 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { CheckCircle, Heart, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Collection", id: "#products"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Features", id: "#features"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bexvvj"
|
|
logoAlt="Tara Shree Garments Logo"
|
|
brandName="Tara Shree Garments"
|
|
bottomLeftText="Timeless Style. Modern Comfort."
|
|
bottomRightText="info@tarashreegarments.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Tara Shree Garments"
|
|
description="Discover elegance, comfort, and timeless style. Handcrafted apparel for every occasion."
|
|
buttons={[
|
|
{
|
|
text: "Shop New Arrivals", href: "#products"},
|
|
{
|
|
text: "Explore Our Story", href: "#about"},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943455.jpg", imageAlt: "Elegant woman in traditional attire"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140808.jpg", imageAlt: "Diverse models showcasing contemporary clothing"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lined-threads-colorful-along-with-multicolored-plastic-buttons-brown-floor_179666-643.jpg", imageAlt: "Detailed view of embroidered fabric"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-hipster-model-dressed-summer-yellow-dress-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6313.jpg", imageAlt: "Woman smiling in comfortable casual wear"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-camera-young-couple-wearing-hat-with-scarf-valentine-s-day-dancing-isolated-blue-background_141793-110583.jpg", imageAlt: "Couple in traditional outfits"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg", imageAlt: "Abstract art made of draped fabric"},
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Banarasi Silk Saree", price: "$299.00", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-woman-wearing-christmas-head-wreath-tinsel-garland-around-neck-holding-christmas-gift-sack-looking-isolated-white-wall_141793-102820.jpg", imageAlt: "Banarasi Silk Saree"},
|
|
{
|
|
id: "p2", name: "Embroidered Kurta Set", price: "$149.00", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400881.jpg", imageAlt: "Embroidered Kurta Set"},
|
|
{
|
|
id: "p3", name: "Handloom Cotton Dress", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-building_23-2148448868.jpg", imageAlt: "Handloom Cotton Dress"},
|
|
{
|
|
id: "p4", name: "Fusion Tunic Top", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-look-left-black-dress-stone-background_176474-116062.jpg", imageAlt: "Fusion Tunic Top"},
|
|
{
|
|
id: "p5", name: "Men's Designer Sherwani", price: "$349.00", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-holding-phone-looking-photographer_23-2148329765.jpg", imageAlt: "Men's Designer Sherwani"},
|
|
{
|
|
id: "p6", name: "Kids Festive Lehenga", price: "$110.00", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400920.jpg", imageAlt: "Kids Festive Lehenga"},
|
|
]}
|
|
title="Our Exquisite Collection"
|
|
description="From traditional elegance to modern chic, find your perfect ensemble. Each piece is crafted with passion and precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Our Story: Weaving Dreams into Fabric"
|
|
metrics={[
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Years in Fashion", value: "15+"},
|
|
{
|
|
icon: Heart,
|
|
label: "Happy Customers", value: "10K+"},
|
|
{
|
|
icon: Sparkles,
|
|
label: "Unique Designs", value: "500+"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisanal Craftsmanship", description: "Each garment is meticulously handcrafted by skilled artisans, ensuring unparalleled quality and attention to detail in every stitch.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/old-craftsman-trainee-working_482257-79678.jpg", imageAlt: "Skilled tailor's hands working on fabric"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg", imageAlt: "Industrial mannequin and drawings"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg", imageAlt: "Atelier shop full of sartorial outfits"
|
|
}
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bexvvj", imageAlt: "close-up of skilled tailor's hands working on fabric"},
|
|
{
|
|
title: "Sustainable & Ethical Sourcing", description: "We are committed to ethical production and sourcing eco-friendly fabrics, ensuring our fashion is as responsible as it is beautiful.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-making-pigmented-cloth-with-natural-colors-arrangement_23-2148734218.jpg", imageAlt: "Sustainable fabric made from natural fibers"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148952734.jpg", imageAlt: "Top view of fabric texture"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-arrangement_23-2149440637.jpg", imageAlt: "Beautiful eucalyptus arrangement"
|
|
}
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943455.jpg", imageAlt: "close-up of skilled tailor's hands working on fabric"},
|
|
{
|
|
title: "Exclusive Design Philosophy", description: "Our unique designs blend traditional aesthetics with contemporary trends, offering you attire that is truly distinctive and expressive.", bentoComponent: "media-stack", items: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111061.jpg", imageAlt: "Model posing in a vibrant, unique design"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colourful-circle-water-waves-top-view_23-2148358162.jpg", imageAlt: "Colourful circle of water waves top view"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/texture-backgrounds_1122-1998.jpg", imageAlt: "texture & backgrounds"
|
|
}
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-young-friends-outdoors_23-2148140808.jpg", imageAlt: "close-up of skilled tailor's hands working on fabric"},
|
|
]}
|
|
title="Crafted for Elegance & Comfort"
|
|
description="At Tara Shree Garments, we believe in exceptional quality, sustainable practices, and designs that truly stand out."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Priya Sharma", role: "Fashion Blogger", testimonial: "Tara Shree Garments truly captures the essence of modern elegance. Their attention to detail and fabric quality is simply exceptional. I've received so many compliments!", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-outdoors_624325-541.jpg", imageAlt: "Priya Sharma"},
|
|
{
|
|
id: "2", name: "Rahul Kapoor", role: "Entrepreneur", testimonial: "I needed a custom outfit for an event, and Tara Shree Garments exceeded my expectations. The fitting was perfect, and the design was unique. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/man-city_1157-8787.jpg", imageAlt: "Rahul Kapoor"},
|
|
{
|
|
id: "3", name: "Ananya Singh", role: "Interior Designer", testimonial: "Comfort meets style in every piece from Tara Shree Garments. Their casual wear is my go-to for everyday elegance. The materials feel luxurious!", imageSrc: "http://img.b2bpic.net/free-photo/okay-confident-smiling-modern-girl-showing-ok-sign-approve-like-recommend-smth-good-standing-beige-background_1258-300408.jpg", imageAlt: "Ananya Singh"},
|
|
{
|
|
id: "4", name: "Sanjay Mehta", role: "IT Professional", testimonial: "Finding traditional wear that's both stylish and comfortable can be a challenge, but Tara Shree Garments nails it every time. Impeccable craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-sign-language-work_23-2148740359.jpg", imageAlt: "Sanjay Mehta"},
|
|
{
|
|
id: "5", name: "Kavita Devi", role: "Homemaker", testimonial: "The festive collection from Tara Shree Garments is a must-have! My family and I looked absolutely stunning. The quality holds up beautifully after washes.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-summer-girl-with-long-curly-hair-bright-sunglasses-fashionable-plaid-dress-laughing-having-fun-blue-backdrop_197531-28762.jpg", imageAlt: "Kavita Devi"},
|
|
]}
|
|
title="Hear From Our Valued Customers"
|
|
description="Our patrons love the quality and unique style of Tara Shree Garments. Read their experiences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Fashion Insider Magazine", "Style Spotlight Blog", "The Textile Review", "Modern Apparel Hub", "Ethnic Chic Forum", "Global Fashion Trends", "Haute Couture Daily"]}
|
|
title="Trusted by Style Enthusiasts & Industry Experts"
|
|
description="Our commitment to quality and design resonates with fashion critics and our growing community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What materials are used in your garments?", content: "We use a variety of high-quality fabrics including premium silks, organic cottons, sustainable linens, and unique blends, all ethically sourced for comfort and durability."},
|
|
{
|
|
id: "q2", title: "How do I find my correct size?", content: "Please refer to our detailed size guide available on each product page. It includes measurements and tips to help you choose the best fit. We also offer custom sizing for select items."},
|
|
{
|
|
id: "q3", title: "Do you offer international shipping?", content: "Yes, we proudly ship our garments worldwide! Shipping costs and delivery times vary by destination. You can find more details during the checkout process."},
|
|
{
|
|
id: "q4", title: "What is your return and exchange policy?", content: "We offer a hassle-free return and exchange policy within 30 days of purchase, provided the items are unworn, unwashed, and with original tags. Please visit our 'Returns' page for full details."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to common questions about our products, sizing, and ordering process."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Connect With Us"
|
|
title="Experience Tara Shree Garments"
|
|
description="Have a question about a specific piece, need styling advice, or want to discuss a custom order? Our team is here to assist you."
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch", href: "mailto:info@tarashreegarments.com"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bexvvj"
|
|
logoAlt="Tara Shree Garments Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "New Arrivals", href: "#products"},
|
|
{
|
|
label: "Collections", href: "#products"},
|
|
{
|
|
label: "Best Sellers", href: "#products"},
|
|
{
|
|
label: "Sale", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Craftsmanship", href: "#features"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Blog", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Shipping & Returns", href: "#"},
|
|
{
|
|
label: "Size Guide", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Tara Shree Garments"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|