Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 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"
+          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"