Update src/app/page.tsx
This commit is contained in:
309
src/app/page.tsx
309
src/app/page.tsx
@@ -1,311 +1,10 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
||||
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
|
||||
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
||||
import BlogCardNine from '@/components/sections/blog/BlogCardNine';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Sparkles, Heart, Star, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="shadow-colored"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="layered-depth"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Aline's Labubus"
|
||||
navItems={[
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Welcome to Aline's Labubu Collection"
|
||||
description="Discover the cutest collectible labubu figures from Spain. Each one is special and tells a story."
|
||||
tag="Collectible Figures"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Explore Collection", href: "#products" },
|
||||
{ text: "View Gallery", href: "#gallery" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182310902-lq5rakkm.jpg",
|
||||
imageAlt: "Labubu figure 1"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182311765-a8vu5u1e.jpg",
|
||||
imageAlt: "Labubu figure 2"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182312598-u3bvxv8s.jpg",
|
||||
imageAlt: "Labubu figure 3"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182313574-vph1kkpi.jpg",
|
||||
imageAlt: "Labubu figure 4"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182314675-gbtfhazx.jpg",
|
||||
imageAlt: "Labubu figure 5"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182315457-j1egasim.jpg",
|
||||
imageAlt: "Labubu figure 6"
|
||||
}
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Me"
|
||||
tagIcon={Heart}
|
||||
title="My Journey as a Labubu Collector"
|
||||
description="Aline"
|
||||
subdescription="From Spain with Love"
|
||||
icon={Star}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182310902-lq5rakkm.jpg"
|
||||
imageAlt="Aline's collection display"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardFourteen
|
||||
title="Gallery Highlights"
|
||||
description="Browse through the most beautiful pieces in the collection"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Classic White",
|
||||
description: "The timeless original labubu in pure white",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182319118-7lkth2xi.jpg",
|
||||
imageAlt: "White labubu figure"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pink Edition",
|
||||
description: "Adorable pink labubu with soft features",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182319909-gm2mbn43.jpg",
|
||||
imageAlt: "Pink labubu figure"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Blue Dream",
|
||||
description: "Serene blue labubu for collectors who love cool tones",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154632964-kdqtn4ap.jpg",
|
||||
imageAlt: "Blue labubu figure"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardSeven
|
||||
title="My Collection"
|
||||
description="Each labubu is carefully selected and loved"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic White Labubu",
|
||||
price: "€25",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182319118-7lkth2xi.jpg",
|
||||
imageAlt: "White labubu"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pink Blossom Labubu",
|
||||
price: "€28",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182319909-gm2mbn43.jpg",
|
||||
imageAlt: "Pink labubu"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Blue Dream Labubu",
|
||||
price: "€28",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154632964-kdqtn4ap.jpg",
|
||||
imageAlt: "Blue labubu"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardEleven
|
||||
title="What Collectors Say"
|
||||
description="Stories from fellow labubu enthusiasts around the world"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
nameTitle: "Maria Santos, Collector",
|
||||
quote: "Aline's passion for labubu figures is infectious. Her collection is absolutely stunning and inspires me to collect more!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
|
||||
imageAlt: "Maria Santos"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
nameTitle: "Sofia Rodriguez, Enthusiast",
|
||||
quote: "The way Aline displays and cares for her figures is amazing. I learned so much about collecting from her!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182322097-rrjh965f.jpg",
|
||||
imageAlt: "Sofia Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
nameTitle: "Elena Mendez, Fan",
|
||||
quote: "Aline's knowledge about rare editions helped me find the perfect piece for my collection. Highly recommend!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
|
||||
imageAlt: "Elena Mendez"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
nameTitle: "Isabella Morales, Collector",
|
||||
quote: "The friendship and community aspect of collecting with Aline is what makes it special. Best collector ever!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182322949-q7mns6zk.jpg",
|
||||
imageAlt: "Isabella Morales"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardNine
|
||||
title="Collecting Stories"
|
||||
description="Tips, guides, and stories about labubu collecting"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
variant="card"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Guide",
|
||||
title: "How to Start Your Labubu Collection",
|
||||
tags: ["beginner", "guide", "5 min read"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182316391-qlmllkxt.jpg",
|
||||
imageAlt: "Starting a collection"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Tips",
|
||||
title: "Caring for Your Labubu Figures",
|
||||
tags: ["care", "maintenance", "8 min read"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182317186-n2l84o08.jpg",
|
||||
imageAlt: "Caring for figures"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Showcase",
|
||||
title: "The Perfect Display Setup",
|
||||
tags: ["display", "organization", "6 min read"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182318072-di9coy2o.jpg",
|
||||
imageAlt: "Display ideas"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Get in Touch"
|
||||
ctaDescription="Have questions about the collection or want to trade? Send me a message!"
|
||||
ctaButton={{
|
||||
text: "Send Message",
|
||||
href: "mailto:aline@labubu-collection.com"
|
||||
}}
|
||||
ctaIcon={Mail}
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Can I buy figures from your collection?",
|
||||
content: "Some pieces are available for trade or sale. Please send me a message with your interest!"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where do you find rare labubu editions?",
|
||||
content: "I search through specialty collectible shops, online marketplaces, and connect with other collectors worldwide."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer collector advice?",
|
||||
content: "Absolutely! I love sharing tips about collecting, displaying, and caring for labubu figures."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Aline's Labubu"
|
||||
copyrightText="© 2025 Aline's Labubu Collection | Spain"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Blog", href: "#blog" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "Email", href: "mailto:aline@labubu-collection.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
<div className="min-h-screen">
|
||||
<h1 className="text-4xl font-bold text-center py-8">Aline's Labubu Collection</h1>
|
||||
<p className="text-center text-lg px-4">Welcome to my beautiful collection of labubu figures from Spain.</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user