Merge version_3 into main

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,175 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Quote, Zap, HelpCircle, Heart } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="compact"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Labubi 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">
+        <HeroOverlay
+          title="About Labubu Store"
+          description="Discover our passion for bringing premium collectible figures to enthusiasts worldwide. We're dedicated to authenticity, quality, and community."
+          imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-playing-theme-park_23-2148287918.jpg?_wi=2"
+          imageAlt="About us hero"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={false}
+          buttons={[
+            { text: "Shop Collection", href: "#" },
+            { text: "Get in Touch", href: "#contact" },
+          ]}
+        />
+      </div>
+
+      <div id="story" data-section="story">
+        <TestimonialAboutCard
+          tag="Our Story"
+          title="Founded on a passion for authentic collectibles and the joy of discovery."
+          description="Since 2015, Labubu Store has been the trusted destination for serious collectors."
+          subdescription="Serving the global collectible community"
+          icon={Quote}
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg?_wi=2"
+          imageAlt="Our team"
+          mediaAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="values" data-section="values">
+        <FeatureCardThree
+          title="Our Core Values"
+          description="What drives us to deliver the best collectible experience every single day."
+          tag="What We Stand For"
+          tagIcon={Zap}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: "01",              title: "Authenticity First",              description: "Every figure is verified and certified. We guarantee 100% genuine products with complete transparency.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-pink-play-dough-monster_23-2149554794.jpg?_wi=2"},
+            {
+              id: "02",              title: "Customer Obsessed",              description: "Your satisfaction is our success. We go above and beyond to support our community of collectors.",              imageSrc: "http://img.b2bpic.net/free-photo/blue-play-dough-monster-with-one-eye_23-2149554796.jpg?_wi=2"},
+            {
+              id: "03",              title: "Quality Commitment",              description: "We meticulously inspect every piece before it reaches you. Excellence is non-negotiable.",              imageSrc: "http://img.b2bpic.net/free-photo/animated-lemon-bottle-still-life_23-2149911050.jpg?_wi=2"},
+            {
+              id: "04",              title: "Community Building",              description: "We foster a vibrant global community where collectors connect, share, and celebrate their passion.",              imageSrc: "http://img.b2bpic.net/free-photo/half-cat-colorful-paper_53876-18268.jpg?_wi=2"},
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          title="About Us FAQs"
+          description="Common questions about Labubu Store and our mission."
+          tag="Learn More"
+          tagIcon={HelpCircle}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqs={[
+            {
+              id: "1",              title: "When was Labubu Store founded?",              content: "Labubu Store was founded in 2015 by a team of passionate collectors who wanted to share their love for premium vinyl figures with the world."},
+            {
+              id: "2",              title: "How do you ensure authenticity?",              content: "We partner exclusively with official distributors and verify every piece through multi-point inspection. Each figure comes with a certificate of authenticity."},
+            {
+              id: "3",              title: "What is your community like?",              content: "Our community includes thousands of collectors worldwide who participate in exclusive events, trading groups, and discussions about rare finds and new releases."},
+            {
+              id: "4",              title: "Do you offer any membership programs?",              content: "Yes, our VIP membership program offers early access to limited editions, exclusive discounts, and invitations to collector events."},
+            {
+              id: "5",              title: "How can I contact the team?",              content: "You can reach us via email at support@labubistore.com, through our contact form, or visit our physical showroom in major cities worldwide."},
+          ]}
+          faqsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Connect With Us"
+          tagIcon={Heart}
+          title="Let's Build Your Collection Together"
+          description="Have questions? Want to share your collection? Reach out to our team. We'd love to hear from you."
+          buttons={[
+            { text: "Contact Support", href: "#" },
+            { text: "Visit Our Store", 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: "#" },
+                { label: "New Arrivals", href: "#" },
+                { label: "Limited Editions", href: "#" },
+                { label: "Best Sellers", href: "#" },
+              ],
+            },
+            {
+              title: "Learn",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Why Labubu", href: "#" },
+                { label: "Collecting Guide", href: "#" },
+                { label: "Authentication", href: "#" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "FAQ", href: "#" },
+                { label: "Contact Us", href: "#" },
+                { 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>
+  );
+}

src/app/page.tsx

@@ -29,10 +29,10 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Labubu Store"
+          brandName="Labubi Store"
           navItems={[
             { name: "Shop", id: "products" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Collections", id: "features" },
             { name: "Support", id: "faq" },
           ]}
@@ -51,20 +51,15 @@ export default function LandingPage() {
           background={{ variant: "sparkles-gradient" }}
           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/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/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/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/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"
+              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" },
@@ -85,20 +80,16 @@ export default function LandingPage() {
           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?_wi=1",              imageAlt: "Pink labubu figure"
+              reviewCount: "1.2k",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-pink-play-dough-monster_23-2149554794.jpg?_wi=1",              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?_wi=1",              imageAlt: "Blue labubu collectible"
+              reviewCount: "892",              imageSrc: "http://img.b2bpic.net/free-photo/blue-play-dough-monster-with-one-eye_23-2149554796.jpg?_wi=1",              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?_wi=1",              imageAlt: "Yellow limited edition labubu"
+              reviewCount: "645",              imageSrc: "http://img.b2bpic.net/free-photo/animated-lemon-bottle-still-life_23-2149911050.jpg?_wi=1",              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?_wi=1",              imageAlt: "Holographic exclusive labubu"
+              reviewCount: "523",              imageSrc: "http://img.b2bpic.net/free-photo/half-cat-colorful-paper_53876-18268.jpg?_wi=1",              imageAlt: "Holographic exclusive labubu"},
-            },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -111,13 +102,12 @@ export default function LandingPage() {
           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: "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: "Learn Our Story", href: "/about" },
             { text: "Contact Us", href: "#contact" },
           ]}
         />
@@ -133,17 +123,13 @@ export default function LandingPage() {
           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?_wi=2"
+              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?_wi=2"},
-            },
             {
-              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?_wi=2"
+              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?_wi=2"},
-            },
             {
-              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?_wi=2"
+              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?_wi=2"},
-            },
             {
-              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?_wi=2"
+              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?_wi=2"},
-            },
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -160,17 +146,17 @@ export default function LandingPage() {
           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: "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?_wi=1",              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: "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: "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"
+              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"
@@ -186,11 +172,9 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Collectible Boutique",            "Premium Figures Co.",            "Artist Collective",            "Vinyl Enthusiasts",            "Gallery Design",            "Exclusive Toys",            "Curator's Choice",            "Fine Art Collectibles"
+            "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"
+            "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}
         />
@@ -206,22 +190,17 @@ export default function LandingPage() {
           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: "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: "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: "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: "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."
+              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"
+          imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-playing-theme-park_23-2148287918.jpg?_wi=1"
           imageAlt="Labubu figure display"
           mediaAnimation="slide-up"
           faqsAnimation="slide-up"
@@ -258,7 +237,7 @@ export default function LandingPage() {
             },
             {
               title: "Learn",              items: [
-                { label: "About Us", href: "#about" },
+                { label: "About Us", href: "/about" },
                 { label: "Why Labubu", href: "#features" },
                 { label: "Collecting Guide", href: "#" },
                 { label: "Authentication", href: "#" },