Update src/app/page.tsx

Merge version_1 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."
-          tag="Premium Coffee Experience"
-          tagAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
-          buttons={[
-            { text: "Explore Menu", href: "#menu" },
-            { text: "Visit Us", href: "#contact" }
+          socialLinks={[
+            { icon: ExternalLink, label: "Instagram", href: "https://instagram.com" },
+            { icon: ExternalLink, label: "Facebook", href: "https://facebook.com" },
+            { icon: Mail, label: "Email", href: "mailto:hello@artisanbrew.com" }
           ]}
-          buttonAnimation="slide-up"
-          mediaItems={[
+          linkCards={[
             {
-              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&_wi=1",              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&_wi=1",              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&_wi=1",              imageAlt: "Premium coffee beans"
             }
           ]}
-          mediaAnimation="opacity"
-          ariaLabel="Hero section featuring premium artisan coffee experience"
+          buttonAnimation="slide-up"
+          ariaLabel="Hero section featuring personal links to coffee experiences"
         />
       </div>
 
@@ -68,7 +77,7 @@ export default function LandingPage() {
           description="We source premium beans from sustainable farms across Ethiopia, Colombia, and Guatemala. Each blend is carefully roasted in-house to bring out unique flavor profiles that coffee enthusiasts appreciate."
           tag="Sourced with Care"
           tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9qkj3"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9qkj3&_wi=2"
           imageAlt="Coffee sourcing from origin farms"
           imagePosition="right"
           mediaAnimation="opacity"
@@ -101,7 +110,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "espresso",              name: "Single Shot Espresso",              price: "$3.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ye71w5",              imageAlt: "Premium espresso shot"
+              id: "espresso",              name: "Single Shot Espresso",              price: "$3.50",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ye71w5&_wi=2",              imageAlt: "Premium espresso shot"
             },
             {
               id: "americano",              name: "Americano",              price: "$4.00",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga87kq",              imageAlt: "Classic americano coffee"
@@ -224,7 +233,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           mediaAnimation="opacity"
           mediaPosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gxkise"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gxkise&_wi=2"
           imageAlt="Cozy coffee shop interior"
           inputPlaceholder="Enter your email for updates"
           buttonText="Subscribe"