269 lines
16 KiB
TypeScript
269 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, HelpCircle, Heart, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Labubu Store"
|
|
navItems={[
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Collections", id: "features" },
|
|
{ name: "Support", id: "faq" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Discover Your Next Collectible"
|
|
description="Premium vinyl figures from the Labubu collection. Limited editions, exclusive designs, and rare finds for serious collectors."
|
|
tag="Featured Collection"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "grid" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5470.jpg", imageAlt: "Labubu vinyl figure collection hero"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/soviet-dolls-toys-chernobyl-nuclear-disaster-area_627829-11655.jpg", imageAlt: "Colorful labubu figures display"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/various-animal-toy-figures-with-boxes-colorful-background_53876-31936.jpg", imageAlt: "Limited edition labubu showcase"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shelves-toys-books-nursery-school_53876-153292.jpg", imageAlt: "Complete labubu collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-standing-near-showcase-with-jewerly_651396-1483.jpg", imageAlt: "Premium labubu figures"},
|
|
]}
|
|
buttons={[
|
|
{ text: "Shop Collection", href: "#products" },
|
|
{ text: "View New Arrivals", href: "#products" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Featured Products"
|
|
description="Handpicked selections from our premium Labubu collection. Each figure is authenticated and carefully inspected."
|
|
tag="Best Sellers"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Labubu", name: "Classic Pink Edition", price: "$45.99", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pink-play-dough-monster_23-2149554794.jpg", imageAlt: "Pink labubu figure"},
|
|
{
|
|
id: "2", brand: "Labubu", name: "Deep Blue Variant", price: "$49.99", rating: 5,
|
|
reviewCount: "892", imageSrc: "http://img.b2bpic.net/free-photo/blue-play-dough-monster-with-one-eye_23-2149554796.jpg", imageAlt: "Blue labubu collectible"},
|
|
{
|
|
id: "3", brand: "Labubu", name: "Golden Yellow Rare", price: "$59.99", rating: 5,
|
|
reviewCount: "645", imageSrc: "http://img.b2bpic.net/free-photo/animated-lemon-bottle-still-life_23-2149911050.jpg", imageAlt: "Yellow limited edition labubu"},
|
|
{
|
|
id: "4", brand: "Labubu", name: "Holographic Limited", price: "$79.99", rating: 5,
|
|
reviewCount: "523", imageSrc: "http://img.b2bpic.net/free-photo/half-cat-colorful-paper_53876-18268.jpg", imageAlt: "Holographic exclusive labubu"},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Celebrating Art, Creativity, and" },
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/back-view-woman-playing-theme-park_23-2148287918.jpg", alt: "Labubu production"},
|
|
{ type: "text", content: "Collectible Culture" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Contact Us", href: "#contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Why Collect Labubu?"
|
|
description="Discover what makes Labubu figures the ultimate collectible choice for enthusiasts worldwide."
|
|
tag="Our Advantages"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "01", title: "Authentic Quality", description: "Every figure is officially licensed and comes with certificate of authenticity ensuring genuine collectible value.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pink-play-dough-monster_23-2149554794.jpg"},
|
|
{
|
|
id: "02", title: "Exclusive Designs", description: "Limited edition releases with unique artistic collaborations you won't find anywhere else.", imageSrc: "http://img.b2bpic.net/free-photo/blue-play-dough-monster-with-one-eye_23-2149554796.jpg"},
|
|
{
|
|
id: "03", title: "Investment Grade", description: "Labubu figures appreciate in value over time, making them smart collectible investments.", imageSrc: "http://img.b2bpic.net/free-photo/animated-lemon-bottle-still-life_23-2149911050.jpg"},
|
|
{
|
|
id: "04", title: "Global Community", description: "Join thousands of passionate collectors worldwide sharing trades, displays, and exclusive content.", imageSrc: "http://img.b2bpic.net/free-photo/half-cat-colorful-paper_53876-18268.jpg"},
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Trusted by Collectors"
|
|
description="Real experiences from passionate Labubu enthusiasts around the world."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Chen", role: "Collector", company: "San Francisco, CA", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "Marcus Chen testimonial"},
|
|
{
|
|
id: "2", name: "Sarah Williams", role: "Enthusiast", company: "London, UK", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Sarah Williams testimonial"},
|
|
{
|
|
id: "3", name: "James Rodriguez", role: "Serious Collector", company: "Tokyo, Japan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg", imageAlt: "James Rodriguez testimonial"},
|
|
{
|
|
id: "4", name: "Emily Park", role: "Designer & Collector", company: "Seoul, Korea", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-woman-with-bun-hairstyle-keeps-pams-near-face-smiles-toothily-applies-blue-eyeliner-wears-green-jumper-poses-outdoors-against-blurred-background-has-playful-mood_273609-59182.jpg", imageAlt: "Emily Park testimonial"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Retailers"
|
|
description="Featured in premium shops and exclusive boutiques worldwide"
|
|
tag="Partnerships"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names=[
|
|
"Collectible Boutique", "Premium Figures Co.", "Artist Collective", "Vinyl Enthusiasts", "Gallery Design", "Exclusive Toys", "Curator's Choice", "Fine Art Collectibles"]
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/flat-design-nursery-school-labels_23-2149653977.jpg", "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2150628001.jpg", "http://img.b2bpic.net/free-photo/elderly-customer-looking-stylish-shoes-showroom-shopping-niece-present-modern-boutique-caucasian-man-buying-fashionable-clothes-trendy-merchandise-fashion-concept_482257-67214.jpg", "http://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg", "http://img.b2bpic.net/free-photo/happy-mother-daughter_171337-2365.jpg", "http://img.b2bpic.net/free-photo/close-up-human-hand-business-meeting_329181-13371.jpg", "http://img.b2bpic.net/free-photo/medium-shot-people-with-food-donations_23-2149196088.jpg", "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-colored-coat-listening-music-dark-pink-wall-model-color-female-young-girl_140725-37733.jpg"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about ordering and collecting Labubu figures."
|
|
tag="Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Are all Labubu figures officially licensed?", content: "Yes, every figure in our store is officially licensed and comes with authentic certification. We partner directly with authorized distributors to ensure genuine products."},
|
|
{
|
|
id: "2", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all unopened figures. If your collectible arrives damaged, we'll replace it immediately at no cost."},
|
|
{
|
|
id: "3", title: "How are limited editions managed?", content: "Limited editions are released in batches and sold on a first-come, first-served basis. We notify registered collectors of new releases via email."},
|
|
{
|
|
id: "4", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide. Shipping costs and delivery times vary by location and are calculated at checkout."},
|
|
{
|
|
id: "5", title: "Can I pre-order upcoming releases?", content: "Absolutely! We offer pre-order options for upcoming Labubu collections. Pre-orders ship immediately upon release and often include exclusive bonuses."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-playing-theme-park_23-2148287918.jpg"
|
|
imageAlt="Labubu figure display"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Collect?"
|
|
tagIcon={Heart}
|
|
title="Start Your Labubu Collection Today"
|
|
description="Join the global community of collectors and discover rare, exclusive figures. Browse our complete catalog and find your next favorite piece."
|
|
buttons={[
|
|
{ text: "Shop Full Collection", href: "#products" },
|
|
{ text: "Subscribe for Updates", href: "#" },
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Labubu Store"
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "#products" },
|
|
{ label: "New Arrivals", href: "#products" },
|
|
{ label: "Limited Editions", href: "#products" },
|
|
{ label: "Best Sellers", href: "#products" },
|
|
],
|
|
},
|
|
{
|
|
title: "Learn", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Why Labubu", href: "#features" },
|
|
{ label: "Collecting Guide", href: "#" },
|
|
{ label: "Authentication", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Discord Community", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Labubu Store. All collectibles are officially licensed and authenticated."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|