222 lines
12 KiB
TypeScript
222 lines
12 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { Sparkles, Truck, ShoppingCart, Instagram, Facebook, Twitter } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmall"
|
||
background="aurora"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="Fashion Villa"
|
||
navItems={[
|
||
{ name: "Shop", id: "products" },
|
||
{ name: "Collections", id: "collections" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Contact", id: "contact" },
|
||
{ name: "Cart", id: "#" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
logoText="Fashion Villa"
|
||
description="Discover Luxury Fashion That Defines You. Premium styles curated for modern elegance. Shop exclusive collections from Fashion Villa."
|
||
buttons={[
|
||
{ text: "Shop Collection", href: "#products" },
|
||
{ text: "Contact Us", href: "#contact" }
|
||
]}
|
||
background={{ variant: "aurora" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/sexual-blond-woman-black-dress-chair-luxury-apartments_613910-7014.jpg"
|
||
imageAlt="luxury fashion model elegant styling"
|
||
frameStyle="card"
|
||
mediaAnimation="slide-up"
|
||
buttonAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="collections" data-section="collections">
|
||
<FeatureCardMedia
|
||
title="Featured Collections"
|
||
description="Explore our carefully curated collections of premium fashion"
|
||
tag="Collections"
|
||
features={[
|
||
{
|
||
id: "evening", title: "Evening Dresses", description: "Stunning evening wear for special occasions", tag: "Evening Wear", imageSrc: "http://img.b2bpic.net/free-photo/woman-fancy-black-dress_1303-13866.jpg", imageAlt: "elegant evening gown formal wear", buttons: [{ text: "Shop Now", href: "#products" }]
|
||
},
|
||
{
|
||
id: "casual", title: "Casual Luxury Wear", description: "Effortless elegance for everyday moments", tag: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-model-woman-white-suit-posing-street-fashion-woman-sunglasses_158538-13441.jpg", imageAlt: "casual luxury fashion everyday style", buttons: [{ text: "Shop Now", href: "#products" }]
|
||
},
|
||
{
|
||
id: "designer", title: "Designer Outfits", description: "Exclusive designer pieces curated for you", tag: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/full-length-image-trendy-blonde-woman-posing-luxury-hotel-wearing-warm-colorful-casual-outfit_291049-2701.jpg", imageAlt: "designer fashion collection editorial", buttons: [{ text: "Shop Now", href: "#products" }]
|
||
},
|
||
{
|
||
id: "accessories", title: "Premium Accessories", description: "Complete your look with luxury accessories", tag: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-accessories-stylish-woman-sitting-cafe-sunglasses-handbag-pink-blue-colors-spring-summer-fashion-trend-elegant-style-drinking-coffee_285396-4396.jpg", imageAlt: "luxury fashion accessories jewelry bags", buttons: [{ text: "Shop Now", href: "#products" }]
|
||
}
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
title="Why Customers Love Fashion Villa"
|
||
metrics={[
|
||
{
|
||
icon: Sparkles,
|
||
label: "Premium Quality Fabrics", value: "Hand-picked materials designed for comfort and elegance"
|
||
},
|
||
{
|
||
icon: ShoppingCart,
|
||
label: "Unique Designer Styles", value: "Stand out with exclusive fashion collections"
|
||
},
|
||
{
|
||
icon: Truck,
|
||
label: "Fast Delivery", value: "Safe and fast delivery to your doorstep"
|
||
}
|
||
]}
|
||
metricsAnimation="blur-reveal"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
title="Best Sellers"
|
||
description="Discover our most loved and trending fashion pieces"
|
||
tag="Best Sellers"
|
||
products={[
|
||
{
|
||
id: "1", name: "Elegant Black Dress", price: "₹3,999", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-red-lipstick-stylish-earrings-looking-pleased-celebrating-holidays-wearing-dress_1258-175814.jpg", imageAlt: "elegant black formal dress"
|
||
},
|
||
{
|
||
id: "2", name: "Gold Party Gown", price: "₹5,499", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-golden-jacket-sexy-carefree-woman-posing-near-silver-shiny-tinsel-wall-studiofashionable-model-with-bright-makeup-looks-camera_158538-22826.jpg", imageAlt: "luxury gold party gown elegant"
|
||
},
|
||
{
|
||
id: "3", name: "Luxury Casual Set", price: "₹2,999", imageSrc: "http://img.b2bpic.net/free-photo/outside-summer-fashion-smile-nature_1301-1100.jpg", imageAlt: "luxury casual clothing set"
|
||
},
|
||
{
|
||
id: "4", name: "Designer Kurti", price: "₹2,499", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-wearing-traditional-sari-garment_23-2149565133.jpg", imageAlt: "designer kurti ethnic wear elegant"
|
||
},
|
||
{
|
||
id: "5", name: "Silk Evening Saree", price: "₹4,299", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-wearing-traditional-sari-garment_23-2149565134.jpg", imageAlt: "luxury silk saree traditional wear"
|
||
},
|
||
{
|
||
id: "6", name: "Premium Blazer Set", price: "₹3,699", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669855.jpg", imageAlt: "premium blazer set professional wear"
|
||
}
|
||
]}
|
||
gridVariant="three-columns-all-equal-width"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="Customer Testimonials"
|
||
description="Hear from our satisfied customers about their Fashion Villa experience"
|
||
tag="Reviews"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Priya Sharma", role: "Fashion Enthusiast", company: "Delhi", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg", imageAlt: "professional woman portrait fashion"
|
||
},
|
||
{
|
||
id: "2", name: "Anjali Verma", role: "Style Blogger", company: "Mumbai", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg", imageAlt: "professional woman fashion portrait"
|
||
},
|
||
{
|
||
id: "3", name: "Neha Patel", role: "Event Manager", company: "Bangalore", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-girl-wearing-fashionable-glasses_114579-55245.jpg", imageAlt: "professional woman portrait elegant"
|
||
},
|
||
{
|
||
id: "4", name: "Divya Gupta", role: "Fashion Designer", company: "Pune", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2851.jpg", imageAlt: "professional designer woman portrait"
|
||
}
|
||
]}
|
||
kpiItems={[
|
||
{ value: "15K+", label: "Happy Customers" },
|
||
{ value: "4.9★", label: "Average Rating" },
|
||
{ value: "100%", label: "Satisfaction Rate" }
|
||
]}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardTwo
|
||
title="Fashion Villa Achievement"
|
||
description="Trusted by fashion lovers across the country"
|
||
metrics={[
|
||
{ id: "1", value: "2018", description: "Year Established" },
|
||
{ id: "2", value: "500+", description: "Designer Collaborations" },
|
||
{ id: "3", value: "48hrs", description: "Average Delivery Time" }
|
||
]}
|
||
gridVariant="uniform-all-items-equal"
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Stay Updated with Our Latest Collections"
|
||
description="Subscribe to receive exclusive offers, new arrivals, and styling tips directly to your inbox."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Tell us about your style preferences...", rows: 4,
|
||
required: false
|
||
}}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-posing-decorative-arch-with-pot-cactus_7502-8923.jpg"
|
||
imageAlt="luxury fashion lifestyle photography"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="Subscribe Now"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Fashion Villa"
|
||
copyrightText="© 2025 Fashion Villa – All Rights Reserved. Luxury Style. Timeless Elegance."
|
||
socialLinks={[
|
||
{ icon: Instagram, href: "https://instagram.com/fashionvilla", ariaLabel: "Instagram" },
|
||
{ icon: Facebook, href: "https://facebook.com/fashionvilla", ariaLabel: "Facebook" },
|
||
{ icon: Twitter, href: "https://twitter.com/fashionvilla", ariaLabel: "Twitter" }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |