281 lines
13 KiB
TypeScript
281 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import CardStack from '@/components/cardStack/CardStack';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "FAQ", id: "faq"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="SilkRoad Treasures"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Authentic Treasures of Uzbekistan"
|
|
description="Discover the timeless beauty of hand-crafted souvenirs, rich traditions, and the artistic heritage of the Silk Road, delivered directly to your doorstep."
|
|
buttons={[
|
|
{
|
|
text: "Explore Shop", href: "#products"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/antique-vase-with-indigenous-pattern_23-2151585789.jpg", imageAlt: "Uzbek Ceramics"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503020.jpg", imageAlt: "Suzani Embroidery"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-chinese-elements-with-ink_23-2148826207.jpg", imageAlt: "Wooden Crafts"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glasses-market-morocco_23-2148129832.jpg", imageAlt: "Silk Fabrics"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-gift-box-with-blue-patterns_114579-12109.jpg", imageAlt: "Miniature Art"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teapot-cups-wooden-tabletop_23-2147746158.jpg", imageAlt: "Hand-forged Knives"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<CardStack
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
title="Curated Artisan Gallery"
|
|
description="A closer look at the intricate details of our traditional craft collection."
|
|
>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<img src="http://img.b2bpic.net/free-photo/antique-vase-with-indigenous-pattern_23-2151585789.jpg" alt="Gallery item 1" className="rounded-lg shadow-md" />
|
|
<img src="http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-47.jpg" alt="Gallery item 2" className="rounded-lg shadow-md" />
|
|
</div>
|
|
</CardStack>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="A Legacy of Craftsmanship"
|
|
description="For centuries, the artisans of Uzbekistan have honed their skills, preserving the delicate art of suzani, intricate wood carving, and iconic blue ceramics. We bring this cultural richness to the world."
|
|
metrics={[
|
|
{
|
|
value: "1200+", title: "Artisans Supported"},
|
|
{
|
|
value: "50+", title: "Traditional Skills"},
|
|
{
|
|
value: "20+", title: "Years of Heritage"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-old-ancient-ruin-with-arched-ceiling-dry-grassy-field-blue-sky_181624-15551.jpg"
|
|
imageAlt="About Uzbek Crafts"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Bukhara", name: "Turquoise Ceramic Plate", price: "$85", rating: 5,
|
|
reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-plate-round-designed-blue-desk_140725-13274.jpg"},
|
|
{
|
|
id: "2", brand: "Samarkand", name: "Silk Suzani Textile", price: "$120", rating: 5,
|
|
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-47.jpg"},
|
|
{
|
|
id: "3", brand: "Khiva", name: "Traditional Chapan Robe", price: "$250", rating: 4,
|
|
reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-kid-refugee-camp_23-2151494379.jpg"},
|
|
{
|
|
id: "4", brand: "Tashkent", name: "Lacquer Miniature Art", price: "$95", rating: 5,
|
|
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-painting-wooden-house-model-with-paintbrush_23-2148125308.jpg"},
|
|
{
|
|
id: "5", brand: "Fergana", name: "Carved Wood Treasure Box", price: "$65", rating: 4,
|
|
reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/epiphany-day-treasure-chests-with-stones-raisins_23-2148746795.jpg"},
|
|
{
|
|
id: "6", brand: "Gijduvan", name: "Traditional Forged Knife", price: "$110", rating: 5,
|
|
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-small-sharp-knife-with-black-handle-black-background_181624-19641.jpg"},
|
|
]}
|
|
title="Traditional Souvenir Collection"
|
|
description="Hand-selected treasures reflecting the soul of Uzbekistan."
|
|
/>
|
|
</div>
|
|
|
|
<div id="crafts" data-section="crafts">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "c1", label: "Ceramics", title: "Traditional Blue Pottery", items: [
|
|
"Natural pigments", "Hand-turned", "Kiln fired"],
|
|
},
|
|
{
|
|
id: "c2", label: "Embroidery", title: "Suzani Needlework", items: [
|
|
"Silk thread", "Cotton backing", "Motif symbolism"],
|
|
},
|
|
{
|
|
id: "c3", label: "Woodwork", title: "Complex Wood Carving", items: [
|
|
"Apricot wood", "Geometric patterns", "Hand chiselled"],
|
|
},
|
|
]}
|
|
title="Mastery of Materials"
|
|
description="Each object carries the history of our ancestors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Elena R.", role: "Collector", company: "ArtGallery", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-young-woman-arranging-flowering-plants-shelf_23-2147948297.jpg"},
|
|
{
|
|
id: "2", name: "John S.", role: "Traveler", company: "Wanderlust", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-artist-studio-painting-with-watercolor_23-2150214883.jpg"},
|
|
{
|
|
id: "3", name: "Amina K.", role: "Designer", company: "DecorStudio", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-red-hat_23-2150746341.jpg"},
|
|
{
|
|
id: "4", name: "Mark D.", role: "Gifter", company: "Personal", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-blonde-woman-with-blue-eyes-holding-birthday-gift-pink-background-happy-with-big-smile-doing-ok-sign-thumb-up-with-fingers-excellent-sign_839833-25862.jpg"},
|
|
{
|
|
id: "5", name: "Sarah L.", role: "Culturalist", company: "Historian", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-artists-gallery-atelier-working-new-art-piece_482257-118547.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.9/5", label: "Rating"},
|
|
{
|
|
value: "5000+", label: "Delivered"},
|
|
{
|
|
value: "99%", label: "Authentic"},
|
|
]}
|
|
title="Voices from Travelers"
|
|
description="Our customers cherish the warmth of Uzbek heritage."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Are these authentic handmade items?", content: "Yes, we work directly with local guilds and artisan families in Uzbekistan to ensure authenticity."},
|
|
{
|
|
id: "f2", title: "Do you ship worldwide?", content: "We provide secure, tracked international shipping to most major global locations."},
|
|
{
|
|
id: "f3", title: "How do I care for my Suzani?", content: "Hand wash only in cold water with mild natural detergents to maintain the vibrancy of silk threads."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/teapot-tea-set-wooden-tray_23-2148879025.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our treasures? Find answers here."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Crafts Guild", "UNESCO Heritage", "Silk Road Tourism", "Museum of Art", "Global Souvenirs", "Heritage Foundation", "Artisans Union"]}
|
|
title="Trusted by Cultural Advocates"
|
|
description="We are honored to work with these dedicated organizations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Connect with Us"
|
|
description="Questions about specific pieces or looking for wholesale inquiries?"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Full Name"},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your message here..."}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151051037.jpg"
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{
|
|
label: "All Products", href: "#products"},
|
|
{
|
|
label: "Ceramics", href: "#"},
|
|
{
|
|
label: "Textiles", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Help", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Shipping", href: "#"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 SilkRoad Treasures"
|
|
bottomRightText="Authentic Uzbek Heritage"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|