Merge version_3 into main

Merge version_3 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f7fafd;;
-  --card: #eff6fc;;
-  --foreground: #1a2433;;
-  --primary-cta: #2563eb;;
-  --secondary-cta: #ffffff;;
-  --accent: #fb923c;;
-  --background-accent: #f97316;;
+  --background: #ffffff;
+  --card: #fcfcfc;
+  --foreground: #000000e6;
+  --primary-cta: #ec407a;
+  --secondary-cta: #ffffff;
+  --accent: #f48fb1;
+  --background-accent: #f06292;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-fraunces), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-fraunces), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -1,309 +1,29 @@
-"use client"
+"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";
+import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="small"
+      borderRadius="rounded"
+      contentWidth="large"
       sizing="medium"
       background="none"
-      cardStyle="inset"
-      primaryButtonStyle="layered-depth"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="bold"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
-      <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}
+        <HeroLogoBillboard
+          logoText="Aline's Labubu Collection"
+          description="Welcome to my beautiful collection of labubu figures from Spain. Explore curated pieces, collector stories, and discover the magic of these charming collectibles."
           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" }
-              ]
-            }
-          ]}
+          imageAlt="Aline's Labubu collection showcase"
+          frameStyle="card"
         />
       </div>
     </ThemeProvider>