Update src/app/page.tsx

src/app/page.tsx

@@ -3,12 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import { Smile, Star, Utensils } from "lucide-react";
 
 export default function LandingPage() {
@@ -27,73 +27,31 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Cardápio",
-          id: "menu",
-        },
-        {
-          name: "Sobre",
-          id: "about",
-        },
-        {
-          name: "Contato",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Cardápio", id: "menu" },
+        { name: "Sobre", id: "about" },
+        { name: "Contato", id: "contact" },
       ]}
       brandName="Gourmet Kitchen"
+      button={{ text: "Reservar", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="O melhor sabor da cidade"
       description="Venha experimentar pratos preparados com ingredientes frescos e amor. Tradição e sabor em cada mordida."
-      buttons={[
-        {
-          text: "Ver Cardápio",
-          href: "#menu",
-        },
-      ]}
+      buttons={[{ text: "Ver Cardápio", href: "#menu" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-wooden-surface_181624-5783.jpg",
-          imageAlt: "Hero 1",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/waiting-friends-with-sushi-rolls_158595-5722.jpg",
-          imageAlt: "Hero 2",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/served-dinner-table-restaurant_23-2148086091.jpg",
-          imageAlt: "Hero 3",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg",
-          imageAlt: "Hero 4",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-harvest_23-2148516797.jpg",
-          imageAlt: "Hero 5",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-grating-orange-peel-dish_23-2148763206.jpg",
-          imageAlt: "Hero 6",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-wooden-surface_181624-5783.jpg", imageAlt: "Hero 1" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/waiting-friends-with-sushi-rolls_158595-5722.jpg", imageAlt: "Hero 2" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/served-dinner-table-restaurant_23-2148086091.jpg", imageAlt: "Hero 3" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg", imageAlt: "Hero 4" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-harvest_23-2148516797.jpg", imageAlt: "Hero 5" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-grating-orange-peel-dish_23-2148763206.jpg", imageAlt: "Hero 6" },
       ]}
     />
   </div>
@@ -103,21 +61,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Nossa História"
       metrics={[
-        {
-          icon: Utensils,
-          label: "Anos de tradição",
-          value: "10+",
-        },
-        {
-          icon: Star,
-          label: "Avaliações 5 estrelas",
-          value: "500+",
-        },
-        {
-          icon: Smile,
-          label: "Clientes felizes",
-          value: "10k+",
-        },
+        { icon: Utensils, label: "Anos de tradição", value: "10+" },
+        { icon: Star, label: "Avaliações 5 estrelas", value: "500+" },
+        { icon: Smile, label: "Clientes felizes", value: "10k+" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -130,48 +76,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Burger Gourmet",
-          price: "R$ 35,00",
-          variant: "Lanches",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg",
-        },
-        {
-          id: "2",
-          name: "Pizza Pepperoni",
-          price: "R$ 55,00",
-          variant: "Pizzas",
-          imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg",
-        },
-        {
-          id: "3",
-          name: "Pasta Carbonara",
-          price: "R$ 45,00",
-          variant: "Massas",
-          imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-pasta-carbonara_1203-9157.jpg",
-        },
-        {
-          id: "4",
-          name: "Salada Especial",
-          price: "R$ 28,00",
-          variant: "Saudável",
-          imageSrc: "http://img.b2bpic.net/free-photo/seasonal-vegetable-salad-with-mixed-foods-inside-white-bowl-black-marble_114579-2934.jpg",
-        },
-        {
-          id: "5",
-          name: "Brownie Chocolate",
-          price: "R$ 15,00",
-          variant: "Sobremesas",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-chocolate-brownies-rustic-wooden-board_123827-36703.jpg",
-        },
-        {
-          id: "6",
-          name: "Coquetel Frutas",
-          price: "R$ 20,00",
-          variant: "Bebidas",
-          imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-with-fused-sugar-bronze-glass-bar-table_627829-6439.jpg",
-        },
+        { id: "1", name: "Burger Gourmet", price: "R$ 35,00", variant: "Lanches", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg" },
+        { id: "2", name: "Pizza Pepperoni", price: "R$ 55,00", variant: "Pizzas", imageSrc: "http://img.b2bpic.net/free-photo/salami-pizza-topped-with-dried-herbs_140725-2837.jpg" },
+        { id: "3", name: "Pasta Carbonara", price: "R$ 45,00", variant: "Massas", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-pasta-carbonara_1203-9157.jpg" },
+        { id: "4", name: "Salada Especial", price: "R$ 28,00", variant: "Saudável", imageSrc: "http://img.b2bpic.net/free-photo/seasonal-vegetable-salad-with-mixed-foods-inside-white-bowl-black-marble_114579-2934.jpg" },
+        { id: "5", name: "Brownie Chocolate", price: "R$ 15,00", variant: "Sobremesas", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-chocolate-brownies-rustic-wooden-board_123827-36703.jpg" },
+        { id: "6", name: "Coquetel Frutas", price: "R$ 20,00", variant: "Bebidas", imageSrc: "http://img.b2bpic.net/free-photo/alcoholic-cocktail-with-fused-sugar-bronze-glass-bar-table_627829-6439.jpg" },
       ]}
       title="Nosso Cardápio"
       description="Sabores selecionados especialmente para você."
@@ -179,102 +89,54 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardFive
       useInvertedBackground={false}
+      title="O que dizem sobre nós"
+      description="Clientes satisfeitos compartilham suas experiências."
+      textboxLayout="default"
       testimonials={[
-        {
-          id: "1",
-          name: "Maria Silva",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg",
-        },
-        {
-          id: "2",
-          name: "João Souza",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",
-        },
-        {
-          id: "3",
-          name: "Ana Oliveira",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg",
-        },
-        {
-          id: "4",
-          name: "Pedro Costa",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-christmas-dinner-with-her-family_23-2149144994.jpg",
-        },
-        {
-          id: "5",
-          name: "Clara Lima",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
-        },
+        { id: "1", name: "Maria Silva", date: "10/2023", title: "Excelente", quote: "Sabor inigualável e ambiente acolhedor!", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/healthy-woman-with-tan-sitting-t-shirt-cafe-terrace-eating-breakfast-drinking-coffee_197531-22516.jpg" },
+        { id: "2", name: "João Souza", date: "11/2023", title: "Muito bom", quote: "O melhor atendimento que já recebi.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg" },
       ]}
-      cardTitle="Avaliações dos Clientes"
-      cardAnimation="slide-up"
-      cardTag="Depoimentos"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
+      title="Vamos conversar?"
+      description="Envie sua mensagem e retornaremos em breve."
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Entre em Contato"
-      title="Peça agora pelo WhatsApp"
-      description="Estamos prontos para atender seu pedido! Funcionamos de Segunda à Domingo, das 11h às 23h."
-      buttons={[
-        {
-          text: "Peça pelo WhatsApp",
-          href: "https://wa.me/5511999999999",
-        },
+      inputs={[
+          { name: "name", type: "text", placeholder: "Seu nome" },
+          { name: "email", type: "email", placeholder: "Seu e-mail" }
       ]}
+      textarea={{ name: "message", placeholder: "Sua mensagem" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseReveal
+      logoText="Gourmet Kitchen"
       columns={[
         {
-          title: "Menu",
-          items: [
-            {
-              label: "Lanches",
-              href: "#",
-            },
-            {
-              label: "Pizzas",
-              href: "#",
-            },
-            {
-              label: "Bebidas",
-              href: "#",
-            },
+          title: "Menu",          items: [
+            { label: "Lanches", href: "#" },
+            { label: "Pizzas", href: "#" },
+            { label: "Bebidas", href: "#" },
           ],
         },
         {
-          title: "Institucional",
-          items: [
-            {
-              label: "Sobre Nós",
-              href: "#",
-            },
-            {
-              label: "Localização",
-              href: "#",
-            },
-            {
-              label: "Contato",
-              href: "#",
-            },
+          title: "Institucional",          items: [
+            { label: "Sobre Nós", href: "#" },
+            { label: "Localização", href: "#" },
+            { label: "Contato", href: "#" },
           ],
         },
       ]}
-      bottomLeftText="© 2024 Gourmet Kitchen. Todos os direitos reservados."
-      bottomRightText="Desenvolvido por Webild"
+      copyrightText="© 2024 Gourmet Kitchen. Todos os direitos reservados."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #f5f5f5;
   --secondary-cta-text: #120006e6;
-  --accent: #ffc107;
-  --background-accent: #fde4e4;
+  --accent: #e5e5e5;
+  --background-accent: #f5f5f5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);