231 lines
15 KiB
TypeScript
231 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Star, Shield, HelpCircle, Mail, Instagram, Facebook, Linkedin, Twitter } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
{/* Navigation */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Accoutre"
|
|
navItems={[
|
|
{ name: "New Arrivals", id: "products" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "Sale", id: "sale" },
|
|
{ name: "About", id: "about" },
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "/shop"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Authentic Luxury Verified Delivered"
|
|
description="Handpicked premium clothing with guaranteed authenticity and interactive sizing guidance—no compromises on quality or fit. Experience luxury with complete confidence."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "100%", label: "Verified Authentic" },
|
|
{ value: "48hrs", label: "Processing Time" },
|
|
{ value: "Global", label: "Shipping Available" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Luxury Ecommerce"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Explore New Arrivals", href: "/shop" },
|
|
{ text: "Branded Leftovers", href: "/collections" },
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
videoSrc="http://img.b2bpic.net/free-photo/woman-lifestyle-fashion-shoot_53876-14416.jpg"
|
|
videoAriaLabel="Premium fashion model in luxury jacket"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
{/* Products Section */}
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="New Arrivals"
|
|
description="Discover our latest collection of premium imported luxury clothing, carefully curated for discerning tastes."
|
|
tag="Featured"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Italian Wool Blazer", price: "PKR 18,500", imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg", imageAlt: "Premium Italian wool blazer"},
|
|
{
|
|
id: "2", name: "Silk Evening Gown", price: "PKR 24,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-clothes-shop_107420-94824.jpg", imageAlt: "Luxury silk evening gown"},
|
|
{
|
|
id: "3", name: "Designer Leather Oxfords", price: "PKR 16,200", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-stiletto-pair-vibrant-pink-color-generated-by-ai_188544-21011.jpg", imageAlt: "Premium designer leather shoes"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Trust & Authenticity Section */}
|
|
<div id="trust" data-section="trust">
|
|
<FeatureCardEight
|
|
title="Trust & Authenticity Built In"
|
|
description="Every Accoutre piece comes with ironclad guarantees and verification systems to ensure you're receiving genuine luxury."
|
|
tag="Quality Assurance"
|
|
tagIcon={Shield}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Verified Original", description: "Every product undergoes rigorous authentication. Grade-A export tags guarantee genuineness with zero counterfeits.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752886.jpg"},
|
|
{
|
|
id: 2,
|
|
title: "Size Assistant", description: "Interactive sizing guidance with international measurements. Get perfect fit confidence before checkout.", imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg"},
|
|
{
|
|
id: 3,
|
|
title: "Customer Reviews", description: "Real unboxing photos from verified buyers. Transparent social proof building trust through authentic customer experiences.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-posing-photo-cafe_23-2147785282.jpg"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="collections" data-section="collections">
|
|
<TextSplitAbout
|
|
title="Branded Leftovers at Pakistani Prices"
|
|
description={[
|
|
"For overseas Pakistanis hunting affordable luxury, we've cracked the code. Access premium branded inventory overflow from international markets at prices that make sense for diaspora budgets.", "No currency friction. No shipping uncertainty. Authentic luxury imports delivered to your door with complete transparency on pricing, timing, and authenticity verification."]}
|
|
buttons={[{ text: "Explore Leftovers", href: "/collections" }]}
|
|
useInvertedBackground={true}
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Customer Stories"
|
|
description="Real experiences from verified Accoutre customers who've discovered authentic luxury without compromise."
|
|
tag="Verified Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Aisha Khan, Karachi", date: "Date: 15 January 2025", title: "Finally, authentic luxury I can trust", quote: "After years of uncertainty buying online, Accoutre's authenticity verification gives me complete peace of mind. The sizing assistant helped me get the perfect fit on my first try.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/lovely-woman-posing-photo-cafe_23-2147785282.jpg", avatarAlt: "Aisha Khan", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-wheelchair-suggesting-clothes-his-friend_482257-118187.jpg", imageAlt: "Customer wearing Accoutre luxury clothing"},
|
|
{
|
|
id: "2", name: "Farhan Ahmed, London", date: "Date: 12 January 2025", title: "Worth every penny from abroad", quote: "Living in London, I thought I was paying UK prices. Accoutre's branded leftovers at Pakistani pricing saved me hundreds. Quality is uncompromised, delivery was quick.", tag: "International Customer", avatarSrc: "http://img.b2bpic.net/free-photo/two-young-friends-taking-selfie-with-digital-tablet_58466-11256.jpg", avatarAlt: "Farhan Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/women-trying-clothes-store_23-2148915565.jpg", imageAlt: "Unboxing luxury Accoutre package"},
|
|
{
|
|
id: "3", name: "Zara Malik, Dubai", date: "Date: 8 January 2025", title: "Luxury shopping redefined", quote: "The customer photo reviews sealed it for me. Seeing real people style the pieces gave me confidence. This is how luxury retail should work.", tag: "Fashion Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-wheelchair-suggesting-clothes-his-friend_482257-118187.jpg", avatarAlt: "Zara Malik", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-posing-photo-cafe_23-2147785282.jpg", imageAlt: "Styled luxury clothing from Accoutre"},
|
|
{
|
|
id: "4", name: "Hassan Raza, Islamabad", date: "Date: 5 January 2025", title: "Professional wardrobe, authentic prices", quote: "Built my entire professional wardrobe here. The verified authentic badge meant everything to me. Plus, the return process was hassle-free.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/women-trying-clothes-store_23-2148915565.jpg", avatarAlt: "Hassan Raza", imageSrc: "http://img.b2bpic.net/free-photo/two-young-friends-taking-selfie-with-digital-tablet_58466-11256.jpg", imageAlt: "Premium blazer from Accoutre"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Social Proof Section */}
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Fashion Connoisseurs"
|
|
description="Accoutre partners with international luxury brands to bring verified authentic inventory to discerning customers worldwide."
|
|
tag="Brand Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Gucci", "Prada", "Louis Vuitton", "Versace", "Burberry", "Armani", "Dior", "Chanel"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/luxury-golden-logo_1017-2159.jpg", "http://img.b2bpic.net/free-vector/pack-linear-abstract-logos_23-2147681208.jpg", "http://img.b2bpic.net/free-vector/shiny-golden-letter-logo-background-corporate-identity_1017-49569.jpg", "http://img.b2bpic.net/free-vector/elegant-background-golden-mandala_1035-8231.jpg", "http://img.b2bpic.net/free-vector/luxury-frame-black-background_1017-4407.jpg", "http://img.b2bpic.net/free-vector/stylish-elegant-letter-h-logo-background-corporate-brands_1017-49600.jpg", "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151524630.jpg", "http://img.b2bpic.net/free-vector/logo-vintage-luxury-style_23-2147865120.jpg"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about Accoutre's authentic luxury shopping experience, sizing, shipping, and returns."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722596.jpg"
|
|
imageAlt="Size guide and customer support"
|
|
mediaPosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "How do you verify authenticity?", content: "Every Accoutre piece undergoes multi-stage authentication: source verification, material inspection, craftsmanship assessment, and serial number validation. Only Grade-A authenticated items receive our Verified Original badge."},
|
|
{
|
|
id: "2", title: "How does the Size Assistant work?", content: "Our interactive sizing tool compares international sizing standards with Pakistani measurements. Upload your current measurements or use our fitting guide. We provide personalized recommendations before checkout with a 30-day hassle-free exchange policy."},
|
|
{
|
|
id: "3", title: "What are branded leftovers?", content: "Premium inventory overflow from international luxury retailers. These are 100% authentic pieces from excess seasonal stock, offered at significantly reduced prices. All items carry full authenticity verification."},
|
|
{
|
|
id: "4", title: "How long does international shipping take?", content: "Orders ship within 48 hours of verification. International delivery typically takes 7-14 business days depending on destination. We provide real-time tracking and insurance on all shipments."},
|
|
{
|
|
id: "5", title: "Do you offer returns or exchanges?", content: "Yes. 30-day returns on all items for any reason. Free exchanges if sizing doesn't work. Return shipping covered on defective items. No questions asked policy reflects our confidence in product quality."}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact/Newsletter Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Updated on Luxury Drops"
|
|
description="Join our community of discerning shoppers. Get exclusive access to limited inventory releases, sizing tips, and insider stories from the world of authentic luxury fashion."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-psd/autism-day-awareness-template_23-2151948557.jpg"
|
|
imageAlt="Newsletter signup luxury fashion"
|
|
mediaPosition="right"
|
|
mediaAnimation="blur-reveal"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. You'll receive curated luxury updates and exclusive offers."
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Accoutre"
|
|
copyrightText="© 2025 Accoutre Luxury | Authentic. Verified. Delivered."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com/accoutre", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com/accoutre", ariaLabel: "Facebook" },
|
|
{ icon: Linkedin, href: "https://linkedin.com/company/accoutre", ariaLabel: "LinkedIn" },
|
|
{ icon: Twitter, href: "https://twitter.com/accoutre", ariaLabel: "Twitter" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |