Initial commit
This commit is contained in:
206
src/app/page.tsx
Normal file
206
src/app/page.tsx
Normal file
@@ -0,0 +1,206 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles, Award, Shield, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleMinimal
|
||||
brandName="Premium Store"
|
||||
button={{
|
||||
text: "Shop Now", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Discover Curated Excellence"
|
||||
description="Premium handpicked products selected for quality, craftsmanship, and timeless style. Shop our exclusive collection of luxury essentials."
|
||||
tag="New Collection"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products", href: "#products"
|
||||
},
|
||||
{
|
||||
text: "View Collection", href: "#"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg"
|
||||
imageAlt="Premium luxury store showcase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Featured Collection"
|
||||
description="Handpicked premium products carefully selected for quality and style"
|
||||
tag="Exclusive"
|
||||
tagIcon={Award}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Premium Leather Shoulder Bag", price: "$249", variant: "Brown · 2 Colors", imageSrc: "https://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg", imageAlt: "Premium leather shoulder bag", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2", name: "Swiss Crafted Wrist Watch", price: "$599", variant: "Stainless Steel · 3 Variants", imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg", imageAlt: "Luxury wrist watch", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3", name: "Designer Canvas Sneakers", price: "$189", variant: "Beige · Multiple Sizes", imageSrc: "https://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg", imageAlt: "Designer premium sneakers", isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4", name: "Titanium Frame Sunglasses", price: "$299", variant: "Gradient Brown · UV Protection", imageSrc: "https://img.b2bpic.net/free-photo/girl-coat_1303-4437.jpg", imageAlt: "Premium designer sunglasses", isFavorited: false
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaSplitTabsAbout
|
||||
title="Our Story"
|
||||
description="Dedicated to bringing you the finest curated products with uncompromising quality"
|
||||
tabs={[
|
||||
{
|
||||
id: "quality", label: "Premium Quality", description: "Every item in our collection is carefully vetted for superior craftsmanship, materials, and longevity. We partner with trusted artisans and manufacturers who share our commitment to excellence."
|
||||
},
|
||||
{
|
||||
id: "curation", label: "Expert Curation", description: "Our team of specialists researches and selects each product for its design, functionality, and value. We believe in offering less but better—thoughtfully chosen pieces that stand the test of time."
|
||||
},
|
||||
{
|
||||
id: "service", label: "Exceptional Service", description: "From personalized shopping assistance to dedicated customer support, we're committed to making your experience exceptional. Your satisfaction is our priority."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg"
|
||||
imageAlt="Premium store interior"
|
||||
imagePosition="right"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="comparison" data-section="comparison">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Our Store"
|
||||
description="We're different because we prioritize quality over quantity and your satisfaction above all else"
|
||||
tag="Our Advantage"
|
||||
tagIcon={Shield}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced items of questionable quality", "Overwhelming selection causing decision fatigue", "Impersonal customer service experiences", "Limited product lifecycle and durability", "No expert guidance or curation"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Carefully selected premium products", "Curated collection focused on quality over quantity", "Personalized expert support and assistance", "Timeless pieces built to last", "Expert guidance and product recommendations"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The quality of products and attention to detail is unmatched. Every purchase feels like an investment in something truly special. I've recommended this store to all my friends."
|
||||
rating={5}
|
||||
author="Sarah Mitchell, Fashion Enthusiast"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sarah Mitchell"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "James Chen"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/beautiful-every-day-make-up-look_181624-21819.jpg", alt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", alt: "David Park"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Connected"
|
||||
title="Join Our Exclusive Community"
|
||||
description="Subscribe to receive early access to new collections, exclusive offers, and expert style tips curated just for you."
|
||||
tagIcon={Mail}
|
||||
useInvertedBackground="invertDefault"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. You'll receive curated updates about new collections and exclusive offers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Premium Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "#" },
|
||||
{ label: "Best Sellers", href: "#" },
|
||||
{ label: "Collections", href: "#" },
|
||||
{ label: "Sale", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Sustainability", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
{ label: "FAQ", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookies", href: "#" },
|
||||
{ label: "Accessibility", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Premium Store. All rights reserved. Handcrafted with care."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user