217 lines
13 KiB
TypeScript
217 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Award, ShoppingCart, Users, Star, Globe, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Premium Store"
|
|
navItems={[
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Blog", id: "blog" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "products"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Discover Premium Luxury Products"
|
|
description="Curated collections of exceptional items designed for discerning customers who appreciate quality and elegance"
|
|
tag="New Collections"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Shop Collection", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg", imageAlt: "Premium luxury product showcase"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg", imageAlt: "Elegant retail display"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg", imageAlt: "Luxury item collection"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "https://img.b2bpic.net/free-psd/wooden-logo-mockup-showcasing-your-design-clients_445255-1348.jpg", imageAlt: "Premium store showcase"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "https://img.b2bpic.net/free-psd/elegant-wooden-logo-mockup-designers_445255-1350.jpg", imageAlt: "Elegant product display"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg", imageAlt: "Luxury retail collection"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Products"
|
|
description="Hand-selected premium items from our exclusive collection"
|
|
tag="Bestsellers"
|
|
tagIcon={Award}
|
|
products={[
|
|
{
|
|
id: "1", name: "Leather Handbag", price: "$189.00", imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg", imageAlt: "Leather handbag"
|
|
},
|
|
{
|
|
id: "2", name: "Silk Scarf", price: "$79.00", imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg", imageAlt: "Silk scarf"
|
|
},
|
|
{
|
|
id: "3", name: "Designer Watch", price: "$299.00", imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg", imageAlt: "Designer watch"
|
|
},
|
|
{
|
|
id: "4", name: "Gold Bracelet", price: "$159.00", imageSrc: "https://img.b2bpic.net/free-psd/wooden-logo-mockup-showcasing-your-design-clients_445255-1348.jpg", imageAlt: "Gold bracelet"
|
|
},
|
|
{
|
|
id: "5", name: "Wool Coat", price: "$249.00", imageSrc: "https://img.b2bpic.net/free-psd/elegant-wooden-logo-mockup-designers_445255-1350.jpg", imageAlt: "Premium wool coat"
|
|
},
|
|
{
|
|
id: "6", name: "Pearl Necklace", price: "$199.00", imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg", imageAlt: "Pearl necklace"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "View All Products", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Premium Quality Commitment: Delivering Excellence Since Day One"
|
|
metrics={[
|
|
{
|
|
icon: ShoppingCart,
|
|
label: "Years in Business", value: "15+"
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Satisfied Customers", value: "50,000+"
|
|
},
|
|
{
|
|
icon: Star,
|
|
label: "Customer Rating", value: "4.9/5"
|
|
},
|
|
{
|
|
icon: Globe,
|
|
label: "Countries Served", value: "45+"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Say"
|
|
description="Real stories from customers who love our premium products"
|
|
tag="Customer Reviews"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Fashion Enthusiast", date: "Date: 15 November 2024", title: "Exceptional quality and service!", quote: "I've been purchasing from Premium Store for years and have never been disappointed. The attention to detail and commitment to quality is unmatched. Every piece feels like an investment.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", avatarAlt: "Sarah Mitchell", imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg", imageAlt: "Customer experience"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen, Business Owner", date: "Date: 10 November 2024", title: "Outstanding craftsmanship", quote: "The products arrived perfectly packaged and exceeded my expectations. The team's responsiveness and attention to my specific needs made the entire experience seamless and professional.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", avatarAlt: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg", imageAlt: "Premium packaging"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez, Designer", date: "Date: 5 November 2024", title: "Timeless elegance at its finest", quote: "As someone in the design industry, I appreciate the nuanced quality of these pieces. The aesthetic is refined, the materials are premium, and the value is exceptional.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", avatarAlt: "Emma Rodriguez", imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg", imageAlt: "Elegant collection"
|
|
},
|
|
{
|
|
id: "4", name: "James Thompson, Collector", date: "Date: 28 October 2024", title: "Worth every penny", quote: "I've collected from many retailers, but Premium Store stands out for their dedication to authenticity and quality. Their curation is impeccable.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", avatarAlt: "James Thompson", imageSrc: "https://img.b2bpic.net/free-psd/wooden-logo-mockup-showcasing-your-design-clients_445255-1348.jpg", imageAlt: "Curated selection"
|
|
},
|
|
{
|
|
id: "5", name: "Sophia Laurent, Luxury Consultant", date: "Date: 20 October 2024", title: "Premium experience from start to finish", quote: "Everything about this store speaks quality—from the product selection to the customer service. I recommend Premium Store to all my clients without hesitation.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", avatarAlt: "Sophia Laurent", imageSrc: "https://img.b2bpic.net/free-psd/elegant-wooden-logo-mockup-designers_445255-1350.jpg", imageAlt: "Luxury selection"
|
|
},
|
|
{
|
|
id: "6", name: "David Park, Fashion Critic", date: "Date: 12 October 2024", title: "A beacon of luxury retail", quote: "In an age of fast fashion, Premium Store reminds us of the joy of owning truly exceptional pieces. Their commitment to sustainability and quality is refreshing.", tag: "Verified Purchase", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", avatarAlt: "David Park", imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg", imageAlt: "Sustainable luxury"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Stay Connected"
|
|
title="Join Our Exclusive Circle"
|
|
description="Subscribe to receive updates about new collections, exclusive offers, and premium lifestyle insights delivered to your inbox"
|
|
tagIcon={Mail}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time. No spam, just curated content."
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Premium Store"
|
|
copyrightText="© 2025 Premium Store. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "products" },
|
|
{ label: "New Arrivals", href: "products" },
|
|
{ label: "Best Sellers", href: "products" },
|
|
{ label: "Collections", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Sustainability", href: "#" },
|
|
{ label: "Press", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "FAQ", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|