204 lines
11 KiB
TypeScript
204 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ARS Fashion"
|
|
bottomLeftText="📍 Kovilpatti, Tamil Nadu"
|
|
bottomRightText="📞 +91 95661 79747"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Premium Women's Fashion in Kovilpatti"
|
|
description="Designer Dresses, Boutique Stitching & Quality Fabrics at Affordable Prices. Discover beautiful, comfortable, and trendy outfits for every occasion."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/premium-photo/colorful-indian-garments-hangers-store_1261973-10886.jpg?id=414987823"
|
|
imageAlt="ARS Fashion Boutique elegant interior with dress collections"
|
|
buttons={[
|
|
{ text: "📞 Call Now", href: "tel:+919566179747" },
|
|
{
|
|
text: "💬 WhatsApp Us", href: "https://wa.me/919566179747?text=Hi%20ARS%20Fashion%20Boutique%2C%20I%20would%20like%20to%20inquire%20about%20your%20collections."},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{
|
|
type: "text", content: "ARS Fashion Boutique is a trusted women's fashion destination in Kovilpatti known for premium quality materials, stylish designs, and affordable prices. We believe every woman deserves beautiful, comfortable, and trendy outfits for every occasion."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "📍 Get Directions", href: "https://maps.google.com/?q=Athvik+Complex+555V+1/5+LGK+Nagar+Kovilpatti+Tamil+Nadu+628501"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="collections" data-section="collections">
|
|
<ProductCardTwo
|
|
title="Our Collections"
|
|
description="Explore our carefully curated collection of premium dresses, ethnic wear, and designer pieces"
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "1", brand: "ARS Fashion", name: "Designer Blouses", price: "Starting from ₹599", rating: 5,
|
|
reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-turkish-girl-long-red-dress-walks-summer-old-city_1157-13370.jpg?id=2528841", imageAlt: "Designer blouses collection"},
|
|
{
|
|
id: "2", brand: "ARS Fashion", name: "Ethnic Wear", price: "Starting from ₹899", rating: 5,
|
|
reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502983.jpg", imageAlt: "Ethnic wear collection"},
|
|
{
|
|
id: "3", brand: "ARS Fashion", name: "Salwar Suits", price: "Starting from ₹1,299", rating: 5,
|
|
reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-clothing-thrift-store_23-2150952359.jpg", imageAlt: "Salwar suits collection"},
|
|
{
|
|
id: "4", brand: "ARS Fashion", name: "Party Wear", price: "Starting from ₹1,599", rating: 5,
|
|
reviewCount: "10+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mature-couple-shopping-mall_329181-20503.jpg", imageAlt: "Party wear collection"},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose ARS Fashion"
|
|
description="We offer premium quality at affordable prices with personalized service"
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Premium Quality Materials", description: "Best quality fabrics with excellent craftsmanship and attention to detail", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273084.jpg", imageAlt: "Premium fabric collection"},
|
|
{
|
|
title: "Custom Stitching", description: "Personalized tailoring services to ensure perfect fit and comfort", imageSrc: "http://img.b2bpic.net/free-photo/seamless-carpet-texture-floor-pattern-blue-color_169016-47402.jpg", imageAlt: "Custom stitching samples"},
|
|
{
|
|
title: "Affordable Pricing", description: "Premium quality dresses at prices that fit your budget", imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-floral-dress-wearing-hat-sitting_1150-19274.jpg", imageAlt: "Boutique interior showcasing collections"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Real reviews from women in Kovilpatti who trust ARS Fashion"
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Anish Bala", handle: "@customer", testimonial: "Good quality dress collection. I found exactly what I was looking for!", rating: 5,
|
|
},
|
|
{
|
|
id: "2", name: "Priya Sharma", handle: "@priya_s", testimonial: "Very nice collection, good quality, less price. Best boutique in Kovilpatti!", rating: 5,
|
|
},
|
|
{
|
|
id: "3", name: "Divya Menon", handle: "@divya_fashion", testimonial: "Best premium quality materials with reasonable price. Highly recommended!", rating: 5,
|
|
},
|
|
{
|
|
id: "4", name: "Lakshmi Kumar", handle: "@lakshmi_k", testimonial: "Amazing custom stitching service. They understood exactly what I wanted!", rating: 5,
|
|
},
|
|
{
|
|
id: "5", name: "Sneha Nair", handle: "@sneha_nair", testimonial: "Trusted boutique with friendly staff. Will visit again and again!", rating: 5,
|
|
},
|
|
{
|
|
id: "6", name: "Asha Reddy", handle: "@asha_fashion", testimonial: "Great variety of dresses for all occasions at affordable prices!", rating: 5,
|
|
},
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get in Touch"
|
|
description="Have questions about our collections or need custom tailoring? Reach out to us now. We're here to help!"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name"},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "+91 Your Phone Number"},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about the collection you're interested in or ask your questions...", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/i-must-have-this-dress_329181-8050.jpg"
|
|
imageAlt="Customer shopping at boutique"
|
|
mediaPosition="right"
|
|
useInvertedBackground={false}
|
|
buttonText="Send Inquiry"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Collections", href: "#collections" },
|
|
{ label: "Why Us", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "📞 +91 95661 79747", href: "tel:+919566179747" },
|
|
{
|
|
label: "💬 WhatsApp", href: "https://wa.me/919566179747"},
|
|
{
|
|
label: "📍 Get Directions", href: "https://maps.google.com/?q=Athvik+Complex+555V+1/5+LGK+Nagar+Kovilpatti+Tamil+Nadu+628501"},
|
|
],
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Monday - Sunday", href: "#" },
|
|
{ label: "10:00 AM - 9:00 PM", href: "#" },
|
|
{ label: "Open Daily", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 ARS Fashion Boutique. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|