Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Fish, Leaf, Sun } from "lucide-react";
+import { Fish, Leaf, Sun, Camera } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,49 +29,45 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "home" },
-          name: "Home",          id: "home"},
+        { name: "Tesori di Oggi", id: "gallery" },
-        {
+        { name: "Filosofia", id: "about" },
-          name: "Filosofia",          id: "about"},
+        { name: "Menù", id: "menu" },
-        {
+        { name: "Parole dei nostri Ospiti", id: "testimonials" },
-          name: "Menù",          id: "menu"},
+        { name: "Prenota", id: "contact" },
-        {
-          name: "Prenota",          id: "contact"},
       ]}
-      brandName="Hali's Garden"
+      brandName="Halis Garden"
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroLogo
-      logoText="Hali's Garden"
+      logoText="Halis Garden"
       description="Dove il Mare respira in Giardino. L'eleganza dell'essenziale."
-      buttons={[
+      buttons={[{ text: "Prenota un Tavolo", href: "#contact" }]}
-        {
-          text: "Prenota un Tavolo",          href: "#contact"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698370.jpg"
       imageAlt="Atmosfera Hali's Garden"
     />
   </div>
 
+  <div id="gallery" data-section="gallery">
+      <MetricSplitMediaAbout
+        title="Tesori di Oggi"
+        description="Una selezione giornaliera di materie prime scelte con cura dai mercati locali e dal nostro orto."
+        metrics={[{ title: "Prodotti Selezionati", value: "40+" }, { title: "Fornitori Locali", value: "15" }]}
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775517786780-prr9dw6n.jpg"
+        useInvertedBackground={true}
+      />
+  </div>
+
   <div id="about" data-section="about">
-      <AboutMetric
+      <MetricSplitMediaAbout
-      useInvertedBackground={false}
+        title="La nostra Filosofia"
-      title="La nostra Filosofia"
+        description="Minimalismo mediterraneo espresso attraverso una cucina che rispetta i ritmi della natura."
-      metrics={[
+        metrics={[{ title: "Materia Prima", value: "Km Zero" }, { title: "Pescato", value: "Giornaliero" }]}
-        {
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775520991074-sowbf7hw.jpg"
-          icon: Leaf,
+        useInvertedBackground={false}
-          label: "Materia Prima",          value: "A Km Zero"},
+      />
-        {
-          icon: Fish,
-          label: "Pescato",          value: "Del Giorno"},
-        {
-          icon: Sun,
-          label: "Esperienza",          value: "Mediterranea"},
-      ]}
-      metricsAnimation="slide-up"
-    />
   </div>
 
   <div id="menu" data-section="menu">
@@ -81,43 +77,25 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775518057780-3dzza2ej.jpg" },
-          id: "1",          name: "Crudité di Mare",          price: "28€",          imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-food-composition_23-2148955509.jpg"},
+        { id: "2", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775520206249-hyfq1th6.jpg" }
-        {
-          id: "2",          name: "Pescato del Giorno",          price: "35€",          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-wooden-board_140725-3257.jpg"},
-        {
-          id: "3",          name: "Dall'Orto al Piatto",          price: "18€",          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-lettuce-tomato-cucumber-olives-corns-fried-eggplants-side-view_141793-2787.jpg"},
-        {
-          id: "4",          name: "Dolce al Limone",          price: "12€",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-piece-creamy-cheesecake-with-chocolate-cookies_181624-43396.jpg"},
-        {
-          id: "5",          name: "Selezione Vini",          price: "45€",          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-propose-his-lover_23-2148060585.jpg"},
-        {
-          id: "6",          name: "Tartare del Giorno",          price: "24€",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hot-meal-drink-arrangement_23-2148847464.jpg"},
       ]}
       title="Il Nostro Menù"
-      description="Una narrazione degli ingredienti tra mare e terra."
+      description="Minimalismo culinario tra terra e mare."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardSix
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="Parole dei nostri Ospiti"
+      description="Il racconto di chi ha vissuto l'esperienza Halis Garden."
       testimonials={[
-        {
+        { id: "1", name: "Federico F.", handle: "@federicof", testimonial: "Un'estetica pulita e sapori indimenticabili.", icon: Camera },
-          id: "1",          name: "Federico Fiorillo",          role: "Local Guide",          testimonial: "Tutto perfetto.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg"},
+        { id: "2", name: "Elena B.", handle: "@elenab", testimonial: "Semplicità disarmante, qualità eccelsa.", icon: Camera }
-        {
-          id: "2",          name: "Marco Rossi",          role: "Foodie",          testimonial: "Sapori autentici e freschezza assoluta.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-portrait-with-vegetables_23-2148851857.jpg"},
-        {
-          id: "3",          name: "Elena Bianchi",          role: "Cliente",          testimonial: "L'atmosfera più rilassante di sempre.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159934.jpg"},
-        {
-          id: "4",          name: "Luca Verdi",          role: "Turista",          testimonial: "Un giardino magico, cibo sublime.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-old-man-smiling-camera-restaurant-man-his-sixties-adult-man_482257-19910.jpg"},
-        {
-          id: "5",          name: "Giulia Neri",          role: "Recensore",          testimonial: "Semplicità perfetta in ogni piatto.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
       ]}
-      title="Recensioni dei Nostri Ospiti"
-      description="L'eleganza di un'esperienza indimenticabile."
     />
   </div>
 
@@ -125,45 +103,27 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="Prenota un Tavolo"
-      description="L'essenza del gusto ti attende. Riserva il tuo posto nel giardino."
+      description="Riserva il tuo posto nel nostro giardino."
       inputs={[
-        {
+        { name: "nome", type: "text", placeholder: "Nome e Cognome", required: true },
-          name: "nome",          type: "text",          placeholder: "Nome e Cognome",          required: true,
+        { name: "data", type: "date", placeholder: "Data", required: true },
-        },
-        {
-          name: "data",          type: "date",          placeholder: "Data",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "note", placeholder: "Note per lo Chef", rows: 4 }}
-        name: "note",        placeholder: "Note per lo Chef",        rows: 4,
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775521351796-25y92dox.jpg"
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/how-is-rich-people-have-supper-prepared-desk-waiting-food-visitors-evening-time_146671-14412.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Info", items: [{ label: "Contatti", href: "#contact" }] },
-          title: "Info",          items: [
+        { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
-            {
-              label: "Contatti",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Social",          items: [
-            {
-              label: "Instagram",              href: "#"},
-            {
-              label: "Facebook",              href: "#"},
-          ],
-        },
       ]}
-      logoText="Hali's Garden"
+      logoText="Halis Garden"
-      copyrightText="© 2025 Hali's Garden | Eleganza Mediterranea"
+      copyrightText="© 2026 Halis Garden"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f4f0;
-  --card: #f9f9f9;
+  --card: #ecebe4;
-  --foreground: #000f06e6;
+  --foreground: #1c2b20;
-  --primary-cta: #0a7039;
+  --primary-cta: #1c2b20;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #d4dccf;
   --secondary-cta-text: #000f06e6;
   --accent: #c5a059;
-  --background-accent: #f9f9f9;
+  --background-accent: #e0d6b5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);