Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -8,6 +8,7 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import { MessageSquare } from "lucide-react";
 
 export default function SkincareTemplatePage() {
@@ -29,6 +30,7 @@ export default function SkincareTemplatePage() {
                     navItems={[
                         { name: "Story", id: "about" },
                         { name: "Collection", id: "products" },
+                        { name: "Gallery", id: "gallery" },
                         { name: "Results", id: "reviews" },
                         { name: "Contact", id: "contact" }
                     ]}
@@ -74,6 +76,22 @@ export default function SkincareTemplatePage() {
                 />
             </div>
 
+            <div id="gallery" data-section="gallery">
+                <FeatureCardTwentyFour
+                    title="Coastal Moments"
+                    description="A visual journey through our inspiration."
+                    textboxLayout="default"
+                    animationType="blur-reveal"
+                    useInvertedBackground={false}
+                    features={Array.from({ length: 15 }).map((_, i) => ({
+                        id: `img-${i}`,
+                        title: `Atmosphere ${i + 1}`,
+                        author: "Coastal Lens",                        description: "Capture of local coastal essence.",                        tags: ["Nature", "Clean"],
+                        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp"
+                    }))}
+                />
+            </div>
+
             <div id="reviews" data-section="reviews">
                 <TestimonialCardFive
                     title="Client Reflections"