182 lines
10 KiB
TypeScript
182 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Award, Sparkles, Shirt, Heart, Gift, Zap, Users, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Samkarathil Silks"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Collections", id: "categories" },
|
|
{ name: "About Us", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+919876543210" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Samkarathil Silks"
|
|
description="Your Family Fashion Destination in Anchal. Discover our wide collection of quality sarees, traditional wear, and modern fashion for every occasion and age group."
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+919876543210" },
|
|
{ text: "💬 WhatsApp", href: "https://wa.me/919876543210" },
|
|
{ text: "📍 Get Directions", href: "https://maps.google.com/?q=Anchal,Kerala" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tnrt3f"
|
|
imageAlt="Samkarathil Silks - Premium textile showroom in Anchal"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardSeven
|
|
title="Trusted by Thousands"
|
|
description="Join our growing family of satisfied customers across Anchal and nearby towns."
|
|
metrics={[
|
|
{ id: "rating", value: "3.9★", title: "Customer Rating", items: ["328 verified reviews", "Consistently praised"] },
|
|
{ id: "families", value: "1000+", title: "Happy Families", items: ["Years of trust", "Multi-generational shoppers"] },
|
|
{ id: "collection", value: "Wide", title: "Variety for All", items: ["All age groups", "Every occasion"] }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<FeatureHoverPattern
|
|
title="Shop by Category"
|
|
description="Explore our curated collections tailored for every member of your family."
|
|
features={[
|
|
{ icon: Sparkles, title: "Ladies Wear", description: "Sarees, traditional wear, casual dresses, and festive collections.", button: { text: "Explore Collection", href: "#featured" } },
|
|
{ icon: Shirt, title: "Mens Wear", description: "Branded shirts, formal wear, casual outfits, and traditional clothing.", button: { text: "Browse Styles", href: "#featured" } },
|
|
{ icon: Heart, title: "Kids Wear", description: "Colorful, comfortable, and stylish clothing for children of all ages.", button: { text: "View Kids Collection", href: "#featured" } },
|
|
{ icon: Gift, title: "Wedding Collections", description: "Special occasion wear and festive outfits for weddings and celebrations.", button: { text: "See Wedding Wear", href: "#featured" } }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ProductCardTwo
|
|
title="Featured Collections"
|
|
description="Our bestselling items that our customers love most."
|
|
products={[
|
|
{ id: "festive-saree", brand: "Premium Collection", name: "Festive Sarees", price: "Enquire Now", rating: 5, reviewCount: "250+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h64s64", imageAlt: "Premium festive saree with maroon and gold" },
|
|
{ id: "casual-wear", brand: "Daily Collection", name: "Casual Daily Wear", price: "Enquire Now", rating: 5, reviewCount: "180+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o56a3k", imageAlt: "Light colored comfortable casual wear" },
|
|
{ id: "branded-shirts", brand: "Mens Collection", name: "Branded Shirts", price: "Enquire Now", rating: 5, reviewCount: "320+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dq7rqw", imageAlt: "Premium branded mens shirts collection" },
|
|
{ id: "kids-clothing", brand: "Kids Collection", name: "Kids Festive Wear", price: "Enquire Now", rating: 5, reviewCount: "195+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d2yddb", imageAlt: "Colorful kids festive and traditional wear" }
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Why Choose Samkarathil Silks?"
|
|
description="We're not just a clothing store—we're part of your family celebrations and everyday moments."
|
|
tag="Our Commitment"
|
|
tagIcon={Award}
|
|
buttons={[{ text: "Visit Our Store", href: "https://maps.google.com/?q=Anchal,Kerala" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ox38k"
|
|
imageAlt="Samkarathil Silks warm and welcoming store interior"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="What Makes Us Different"
|
|
description="Quality, variety, and customer care you can trust."
|
|
features={[
|
|
{ icon: Zap, title: "Large Collection", description: "Widest range of clothing styles for all ages and occasions in Anchal." },
|
|
{ icon: Users, title: "Responsive Staff", description: "Knowledgeable and friendly team ready to help you find the perfect outfit." },
|
|
{ icon: MapPin, title: "Parking Available", description: "Easy parking and convenient location for hassle-free shopping." },
|
|
{ icon: Sparkles, title: "Latest Trends", description: "Always stocked with the newest styles and seasonal collections." }
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real feedback from families in Anchal and beyond."
|
|
showRating={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Priya Nair", handle: "@priya.nair", testimonial: "Good ambiance, branded dresses available, and staff that actually cares. Best shopping experience in Anchal!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqttul", imageAlt: "Priya Nair - Customer testimonial" },
|
|
{ id: "2", name: "Anu Krishnan", handle: "@anu.krishnan", testimonial: "Rich collection, responsible staff, and they remember our preferences. Highly recommended for all occasions.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2gqrj", imageAlt: "Anu Krishnan - Customer testimonial" },
|
|
{ id: "3", name: "Rajesh Kumar", handle: "@rajesh.kumar", testimonial: "Great variety of branded shirts and casual wear. The team helped me find exactly what I was looking for.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqfbpz", imageAlt: "Rajesh Kumar - Customer testimonial" },
|
|
{ id: "4", name: "Maya Singh", handle: "@maya.singh", testimonial: "We love shopping here for our kids. Quality clothes and prices that make sense. Family-friendly and trustworthy.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oypd01", imageAlt: "Maya Singh - Customer testimonial" }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get in Touch"
|
|
title="Visit Us or Reach Out Today"
|
|
description="Whether you want to browse our collection in person or have questions, we're here to help. Call, WhatsApp, or visit our store in Anchal."
|
|
tagIcon={Award}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5a3r1b"
|
|
imageAlt="Contact us for your fashion needs"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your phone number"
|
|
buttonText="Get Directions"
|
|
termsText="Click to open Google Maps and find us easily."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Samkarathil Silks"
|
|
leftLink={{ text: "📞 +91 98765 43210", href: "tel:+919876543210" }}
|
|
rightLink={{ text: "📍 Anchal, Kerala 691306", href: "https://maps.google.com/?q=Anchal,Kerala" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |