|
|
|
|
@@ -7,11 +7,10 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
|
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
|
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
|
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
|
import { Award, Facebook, Instagram, MapPin, Sparkles } from "lucide-react";
|
|
|
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
|
|
|
import { Award, Facebook, Instagram, MapPin, Sparkles, CheckCircle2 } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -31,22 +30,11 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home",
|
|
|
|
|
id: "hero",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "About",
|
|
|
|
|
id: "about",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Collections",
|
|
|
|
|
id: "products",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact",
|
|
|
|
|
id: "contact",
|
|
|
|
|
},
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Products", id: "products" },
|
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Aura Archive"
|
|
|
|
|
/>
|
|
|
|
|
@@ -54,121 +42,25 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDoubleCarousel
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain",
|
|
|
|
|
}}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
title="Aura Archive: Timeless Elegance"
|
|
|
|
|
description="Crafting premium fashion with soul, rooted in the heritage of Surat, Gujarat."
|
|
|
|
|
leftCarouselItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17721.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
rightCarouselItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/scrapbook-with-assortment-home-decorations_23-2149614070.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "View Collection",
|
|
|
|
|
href: "#products",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
avatars={[
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/full-length-portrait-man-suit-using-smartphone_171337-19117.jpg",
|
|
|
|
|
alt: "Client 1",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/empty-fashion-boutique-shopaholic-modern-people-commercial-activity-with-merchandise-clothing-store-trendy-collections-formal-casual-wear-retail-market-shopping-center_482257-61768.jpg",
|
|
|
|
|
alt: "Client 2",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg",
|
|
|
|
|
alt: "Client 3",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
|
|
|
|
alt: "Client 4",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
src: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17068.jpg",
|
|
|
|
|
alt: "Client 5",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Trusted by 5000+ fashion enthusiasts"
|
|
|
|
|
marqueeItems={[
|
|
|
|
|
{
|
|
|
|
|
type: "text",
|
|
|
|
|
text: "Timeless",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "text",
|
|
|
|
|
text: "Sustainable",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "text",
|
|
|
|
|
text: "Bespoke",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "text",
|
|
|
|
|
text: "Artisanal",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: "text",
|
|
|
|
|
text: "Elegant",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg" }]}
|
|
|
|
|
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg" }]}
|
|
|
|
|
buttons={[{ text: "View Collection", href: "#products" }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<AboutMetric
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Our Legacy by Palak Patel"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
icon: Award,
|
|
|
|
|
label: "Years in Fashion",
|
|
|
|
|
value: "10+",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: MapPin,
|
|
|
|
|
label: "Based in",
|
|
|
|
|
value: "Surat",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Sparkles,
|
|
|
|
|
label: "Happy Clients",
|
|
|
|
|
value: "5000+",
|
|
|
|
|
},
|
|
|
|
|
{ icon: Award, label: "Years in Fashion", value: "10+" },
|
|
|
|
|
{ icon: MapPin, label: "Based in", value: "Surat" },
|
|
|
|
|
{ icon: Sparkles, label: "Happy Clients", value: "5000+" },
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -178,46 +70,26 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Silk Essence",
|
|
|
|
|
price: "₹2,500",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7781.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Modern Minimal",
|
|
|
|
|
price: "₹1,800",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Boho Chic",
|
|
|
|
|
price: "₹3,200",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "Classic Elegance",
|
|
|
|
|
price: "₹4,500",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/exclusive-offer-with-discount_23-2151912099.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Artisanal Grace",
|
|
|
|
|
price: "₹5,000",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
name: "Evening Glare",
|
|
|
|
|
price: "₹6,500",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Signature Collection"
|
|
|
|
|
description="Hand-picked designs for the modern individual."
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "1", name: "Silk Essence", price: "₹2,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7781.jpg" },
|
|
|
|
|
{ id: "2", name: "Modern Minimal", price: "₹1,800", imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardOne
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Choose Your Plan"
|
|
|
|
|
description="Simple pricing for premium style."
|
|
|
|
|
plans={[
|
|
|
|
|
{ id: "basic", badge: "Basic", price: "₹999", subtitle: "For starters", features: ["Standard access", "Weekly updates"] },
|
|
|
|
|
{ id: "pro", badge: "Pro", price: "₹2,499", subtitle: "For enthusiasts", features: ["Full access", "Priority support", "Exclusive drops"] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -226,163 +98,35 @@ export default function LandingPage() {
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Premium Textiles",
|
|
|
|
|
description: "Sourced from the finest mills.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg",
|
|
|
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg",
|
|
|
|
|
buttonText: "Explore",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Bespoke Tailoring",
|
|
|
|
|
description: "Precision crafted in Surat.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-creating-clothes-close-up_23-2149007421.jpg",
|
|
|
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/senior-tailor-trainee-making-sketch-manufacture-clothes-apprentice-learning-about-handcraft-textile-industry-experienced-couturier-teaching-beginner-make-clothing-items_482257-65145.jpg",
|
|
|
|
|
buttonText: "Explore",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Sustainable Style",
|
|
|
|
|
description: "Ethics meet high fashion.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-getting-ready-drag-show_23-2149490857.jpg",
|
|
|
|
|
titleImageSrc: "http://img.b2bpic.net/free-photo/young-people-posing-studio-front-view_23-2149930772.jpg",
|
|
|
|
|
buttonText: "Explore",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
title="Why Aura Archive?"
|
|
|
|
|
description="Excellence in every stitch."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardSeven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1",
|
|
|
|
|
value: "100%",
|
|
|
|
|
title: "Authenticity",
|
|
|
|
|
items: [
|
|
|
|
|
"Handmade",
|
|
|
|
|
"Local Talent",
|
|
|
|
|
"Quality",
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "m2",
|
|
|
|
|
value: "50+",
|
|
|
|
|
title: "New Designs",
|
|
|
|
|
items: [
|
|
|
|
|
"Seasonal",
|
|
|
|
|
"Fresh",
|
|
|
|
|
"Unique",
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "m3",
|
|
|
|
|
value: "24/7",
|
|
|
|
|
title: "Customer Support",
|
|
|
|
|
items: [
|
|
|
|
|
"Always Here",
|
|
|
|
|
"Helpful",
|
|
|
|
|
"Friendly",
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "Premium Textiles", description: "Sourced from the finest mills.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg", buttonText: "Explore" }
|
|
|
|
|
]}
|
|
|
|
|
title="Brand Milestones"
|
|
|
|
|
description="Driving the future of local fashion."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardOne
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Priya Shah",
|
|
|
|
|
role: "Fashion Blogger",
|
|
|
|
|
company: "SuratStyle",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun-round-sunglasses_158538-5163.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Rohan Mehta",
|
|
|
|
|
role: "Entrepreneur",
|
|
|
|
|
company: "TechSurat",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Ananya Desai",
|
|
|
|
|
role: "Interior Designer",
|
|
|
|
|
company: "HomePro",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-plus-size-model-streets-city-winter-day_627829-3380.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "Kavita Rao",
|
|
|
|
|
role: "Architect",
|
|
|
|
|
company: "Designs",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/unamused-woman-posing-with-man-chinese-new-year_23-2148357320.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Siddharth Patel",
|
|
|
|
|
role: "CEO",
|
|
|
|
|
company: "Growth",
|
|
|
|
|
rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaning-wall_250224-223.jpg",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="What Clients Say"
|
|
|
|
|
description="Real love from our local community."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "radial-gradient",
|
|
|
|
|
}}
|
|
|
|
|
title="Get in Touch"
|
|
|
|
|
description="Join our newsletter for exclusive updates."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-with-flowers_23-2149513704.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
tag="Newsletter"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterCard
|
|
|
|
|
logoText="Aura Archive"
|
|
|
|
|
copyrightText="© 2025 Aura Archive, Surat. All rights reserved."
|
|
|
|
|
socialLinks={[
|
|
|
|
|
{
|
|
|
|
|
icon: Instagram,
|
|
|
|
|
href: "#",
|
|
|
|
|
ariaLabel: "Instagram",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Facebook,
|
|
|
|
|
href: "#",
|
|
|
|
|
ariaLabel: "Facebook",
|
|
|
|
|
},
|
|
|
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
|
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
