development/1457d815-3b03-494e-a97e-0248a5670558
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2025-12-19 22:17:44 +00:00
parent c6dad2fbc0
commit 07ff414abc
1 changed files with 4 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -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 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>
<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>
);
}