Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -11,7 +11,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Coffee, Flame, Sparkles, Star } from 'lucide-react';
+import { Coffee, Flame, Sparkles, Star, ExternalLink, Mail, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -41,24 +41,33 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroPersonalLinks
+          background={{ variant: "plain" }}
           title="Discover Your Perfect Cup"
-          description="Handcrafted coffee made from the finest single-origin beans. Experience the art of specialty coffee brewing."
+          socialLinks={[
-          tag="Premium Coffee Experience"
+            { icon: ExternalLink, label: "Instagram", href: "https://instagram.com" },
-          tagAnimation="slide-up"
+            { icon: ExternalLink, label: "Facebook", href: "https://facebook.com" },
-          background={{ variant: "radial-gradient" }}
+            { icon: Mail, label: "Email", href: "mailto:hello@artisanbrew.com" }
-          buttons={[
-            { text: "Explore Menu", href: "#menu" },
-            { text: "Visit Us", href: "#contact" }
           ]}
-          buttonAnimation="slide-up"
+          linkCards={[
-          mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cj4v0d",              imageAlt: "Artisan coffee shop with warm lighting"
+              icon: Coffee,
+              title: "Explore Our Menu",              description: "Discover our carefully curated selection of specialty coffee drinks, each crafted with precision and passion.",              button: { text: "View Menu", href: "#menu" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ye71w5",              imageAlt: "Coffee menu showcase"
+            },
+            {
+              icon: Flame,
+              title: "Visit Our Shop",              description: "Experience the warm atmosphere of our specialty coffee shop. Meet our expert baristas and enjoy premium coffee.",              button: { text: "Directions", href: "#contact" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gxkise",              imageAlt: "Cozy coffee shop interior"
+            },
+            {
+              icon: Sparkles,
+              title: "Bean Selection",              description: "Learn about our single-origin beans from sustainable farms across Ethiopia, Colombia, and Guatemala.",              button: { text: "Learn More", href: "#about" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9qkj3",              imageAlt: "Premium coffee beans"
             }
           ]}
-          mediaAnimation="opacity"
+          buttonAnimation="slide-up"
-          ariaLabel="Hero section featuring premium artisan coffee experience"
+          ariaLabel="Hero section featuring personal links to coffee experiences"
         />
       </div>