Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -5,11 +5,12 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import { Mail, Sparkles, Star } from 'lucide-react';
 
 export default function LandingPage() {
@@ -61,6 +62,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="gallery" data-section="gallery">
+        <HeroLogoBillboard
+          logoText="GlowNatura Gallery"
+          description="Explore our curated collection of premium skincare products and natural ingredients. Each image showcases the beauty and purity of our formulations."
+          buttons={[
+            { text: "View Collection", href: "#products" },
+            { text: "Learn More", href: "#about" }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          imageSrc="http://img.b2bpic.net/free-photo/natural-self-care-products-assortment_23-2148981026.jpg?_wi=1"
+          imageAlt="Premium GlowNatura skincare collection"
+          mediaAnimation="slide-up"
+          frameStyle="card"
+          ariaLabel="Hero Billboard Gallery - Product showcase"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <MetricSplitMediaAbout
           tag="Our Story"
@@ -83,7 +102,7 @@ export default function LandingPage() {
         <ProductCardFour
           products={[
             {
-              id: "1",              name: "Luminous Vitamin C Serum",              price: "$58",              variant: "30ml  Brightening Formula",              imageSrc: "http://img.b2bpic.net/free-photo/natural-self-care-products-assortment_23-2148981026.jpg",              imageAlt: "Vitamin C Serum bottle"
+              id: "1",              name: "Luminous Vitamin C Serum",              price: "$58",              variant: "30ml  Brightening Formula",              imageSrc: "http://img.b2bpic.net/free-photo/natural-self-care-products-assortment_23-2148981026.jpg?_wi=2",              imageAlt: "Vitamin C Serum bottle"
             },
             {
               id: "2",              name: "Deep Hydration Facial Cream",              price: "$72",              variant: "50ml  Intensive Moisturizer",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cream-concept_23-2148578661.jpg",              imageAlt: "Facial Cream jar"
@@ -108,21 +127,20 @@ export default function LandingPage() {
       </div>
 
       <div id="benefits" data-section="benefits">
-        <FeatureCardOne
+        <FeatureCardSixteen
           title="Why Choose GlowNatura"
           description="See the difference between ordinary skincare and our premium, results-driven formulations."
           tag="Natural vs Chemical"
-          features={[
-            {
-              title: "100% Natural Ingredients",              description: "Crafted with pure, organic botanicals free from harsh chemicals and synthetic additives.",              imageSrc: "http://img.b2bpic.net/free-photo/natural-self-care-products-assortment_23-2148981026.jpg",              imageAlt: "Natural ingredients"
-            },
-            {
-              title: "Dermatologist Tested",              description: "Rigorously tested for safety and efficacy. Gentle on all skin types, even sensitive skin.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cream-concept_23-2148578661.jpg",              imageAlt: "Dermatologist testing"
-            },
-            {
-              title: "Visible Results Fast",              description: "See transformative changes in just 2-4 weeks with consistent daily use.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167898.jpg",              imageAlt: "Results showcase"
-            }
-          ]}
+          negativeCard={{
+            items: [
+              "Harsh chemical additives",              "Stripped skin barriers",              "Temporary results only",              "Irritation and sensitivity",              "Expensive and ineffective"
+            ]
+          }}
+          positiveCard={{
+            items: [
+              "100% natural ingredients",              "Strengthened skin barrier",              "Long-lasting transformation",              "Soothing and nourishing",              "Investment in your best skin"
+            ]
+          }}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}