245 lines
13 KiB
TypeScript
245 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Award, Star, Heart, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Dmitry Collection"
|
|
navItems={[
|
|
{ name: "Collection", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Shop Now", href: "products"
|
|
}}
|
|
navItemClassName="text-foreground hover:text-accent transition-colors"
|
|
buttonClassName="bg-primary-cta text-secondary-cta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Dmitry Strapon Collection"
|
|
description="Discover an exquisite collection of premium handcrafted items designed for the most discerning collectors"
|
|
tag="Exclusive Launch"
|
|
tagIcon={Sparkles}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409249.jpg", imageAlt: "Premium collection showcase 1"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg", imageAlt: "Premium collection showcase 2"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg", imageAlt: "Premium collection showcase 3"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409250.jpg", imageAlt: "Premium collection showcase 4"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "products" },
|
|
{ text: "Learn More", href: "about" }
|
|
]}
|
|
titleClassName="text-foreground"
|
|
descriptionClassName="text-foreground"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Crafted with" },
|
|
{
|
|
type: "image", src: "https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", alt: "Luxury craftsmanship"
|
|
},
|
|
{ type: "text", content: "Precision and Passion" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Discover Our Story", href: "#" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
headingClassName="text-foreground"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Our Curated Selection"
|
|
description="Explore our finest pieces, each meticulously selected and expertly crafted"
|
|
tag="Premium Items"
|
|
tagIcon={Award}
|
|
products={[
|
|
{
|
|
id: "1", name: "Signature Collection Piece", price: "$2,499", imageSrc: "https://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409248.jpg", imageAlt: "Signature collection piece", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "2", name: "Limited Edition Classic", price: "$1,899", imageSrc: "https://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150744016.jpg", imageAlt: "Limited edition classic", initialQuantity: 1
|
|
},
|
|
{
|
|
id: "3", name: "Premium Artisan Edition", price: "$3,299", imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg", imageAlt: "Premium artisan edition", initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="What Sets Us Apart"
|
|
description="Excellence in every detail"
|
|
tag="Premium Features"
|
|
tagIcon={Star}
|
|
features={[
|
|
{
|
|
title: "Master Craftsmanship", description: "Each piece is individually handcrafted by skilled artisans with decades of experience", imageSrc: "https://img.b2bpic.net/free-photo/man-making-bow-from-ribbon-gift_1220-3470.jpg", imageAlt: "Artisan craftsmanship detail"
|
|
},
|
|
{
|
|
title: "Timeless Design", description: "Sophisticated aesthetics that transcend trends and maintain their appeal for generations", imageSrc: "https://img.b2bpic.net/free-photo/man-making-instruments-his-workshop_23-2149018568.jpg", imageAlt: "Elegant design showcase"
|
|
},
|
|
{
|
|
title: "Exclusive Selection", description: "Limited quantities ensure exclusivity and maintain the prestige of ownership", imageSrc: "https://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186763.jpg", imageAlt: "Exclusive premium items"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
titleClassName="text-foreground"
|
|
descriptionClassName="text-foreground"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted by Collectors Worldwide"
|
|
description="Hear from those who have joined our exclusive community"
|
|
tag="Client Stories"
|
|
tagIcon={Heart}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexandra Sterling", handle: "@luxecollector", testimonial: "The craftsmanship is absolutely extraordinary. Each piece tells a story and justifies every penny invested.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Alexandra Sterling"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Wellington", handle: "@artconnoisseur", testimonial: "I've collected for 20 years, and this collection represents the pinnacle of quality and design.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Marcus Wellington"
|
|
},
|
|
{
|
|
id: "3", name: "Sophia Beaumont", handle: "@designlovers", testimonial: "Exceptional attention to detail and a commitment to excellence that's truly rare in today's market.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageAlt: "Sophia Beaumont"
|
|
},
|
|
{
|
|
id: "4", name: "David Rothschild", handle: "@premiumtaste", testimonial: "These pieces have become the centerpiece of my collection. Investment quality combined with beauty.", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "David Rothschild"
|
|
},
|
|
{
|
|
id: "5", name: "Isabella Rossi", handle: "@artisanappreciator", testimonial: "The level of sophistication and refinement is unmatched. Worth every moment of anticipation.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageAlt: "Isabella Rossi"
|
|
},
|
|
{
|
|
id: "6", name: "Jonathan Chase", handle: "@collectorelite", testimonial: "Simply the finest collection I've ever encountered. A true masterpiece of artistry and engineering.", imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Jonathan Chase"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
titleClassName="text-foreground"
|
|
descriptionClassName="text-foreground"
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Connect with Our Team"
|
|
ctaDescription="Have questions about our collection? Our specialists are ready to assist you with personalized recommendations."
|
|
ctaButton={{
|
|
text: "Get in Touch", href: "mailto:info@dmitrycollection.com"
|
|
}}
|
|
ctaIcon={Mail}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is the authenticity guarantee?", content: "Every piece comes with a certificate of authenticity and our lifetime guarantee of genuineness. We maintain complete provenance documentation for each item."
|
|
},
|
|
{
|
|
id: "2", title: "How long are delivery times?", content: "Our pieces are carefully packaged and shipped within 2-4 weeks depending on your location. We offer white-glove delivery service for all premium items."
|
|
},
|
|
{
|
|
id: "3", title: "Do you offer customization?", content: "Yes, we offer bespoke customization services for collectors seeking unique variations. Contact our team to discuss your specific vision."
|
|
},
|
|
{
|
|
id: "4", title: "What is your return policy?", content: "We offer a 30-day return window for items in original condition. All returns include free return shipping through our preferred carriers."
|
|
},
|
|
{
|
|
id: "5", title: "Are there payment plans available?", content: "For qualifying purchases, we offer flexible payment plans through our trusted financial partners with no interest for 12 months."
|
|
},
|
|
{
|
|
id: "6", title: "How should I care for my pieces?", content: "Each purchase includes detailed care instructions specific to the item. We also offer professional conservation and maintenance services."
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Collection", items: [
|
|
{ label: "All Items", href: "products" },
|
|
{ label: "Limited Editions", href: "products" },
|
|
{ label: "New Arrivals", href: "products" },
|
|
{ label: "Curated Sets", href: "products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Care Guide", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "FAQ", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 Dmitry Strapon Collection. All rights reserved."
|
|
columnTitleClassName="text-foreground font-extrabold"
|
|
columnItemClassName="text-foreground hover:text-accent transition-colors"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |