Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function LandingPage() {
   return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Cardápio",
-          id: "menu",
-        },
+          name: "Cardápio",          id: "menu"},
         {
-          name: "Depoimentos",
-          id: "testimonials",
-        },
+          name: "Depoimentos",          id: "testimonials"},
         {
-          name: "Localização",
-          id: "contact-info",
-        },
+          name: "Localização",          id: "contact-info"},
         {
-          name: "Sobre Nós",
-          id: "about-us",
-        },
+          name: "Sobre Nós",          id: "about-us"},
       ]}
       brandName="Pizzaria O Val"
       topBarClassName="bg-[var(--background-accent)]"
@@ -54,19 +46,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       logoText="Sua pizza favorita, sem complicação 🍕"
       description="Pizzas e lanches deliciosos em Juazeiro do Norte. Aberto agora: 18h – 02h."
       buttons={[
         {
-          text: "📞 Ligar Agora",
-          href: "tel:+558891234567",
-        },
+          text: "📞 Ligar Agora",          href: "tel:+558891234567"},
         {
-          text: "💬 Pedir no WhatsApp",
-          href: "https://wa.me/558891234567",
-        },
+          text: "💬 Pedir no WhatsApp",          href: "https://wa.me/558891234567"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSLVIbhTao8yNYgOY9TMVp6f3V/uploaded-1774477579335-9g7r54kt.jpg"
       imageAlt="Pizza de calabresa e coca-cola na Pizzaria O Val"
@@ -82,33 +69,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "mussarela",
-          name: "Pizza de Mussarela",
-          price: "R$35,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-putting-arugula-baked-pizza-dough-with-smoked-salmon-slices_23-2148785696.jpg",
-          imageAlt: "Pizza de mussarela fresca e dourada",
-        },
+          id: "mussarela",          name: "Pizza de Mussarela",          price: "R$35,00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-putting-arugula-baked-pizza-dough-with-smoked-salmon-slices_23-2148785696.jpg",          imageAlt: "Pizza de mussarela fresca e dourada"},
         {
-          id: "calabresa",
-          name: "Pizza de Calabresa",
-          price: "R$38,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-with-tomatoes-ranch-sauce_114579-4454.jpg",
-          imageAlt: "Pizza de calabresa com azeitonas e orégano",
-        },
+          id: "calabresa",          name: "Pizza de Calabresa",          price: "R$38,00",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-pizza-with-tomatoes-ranch-sauce_114579-4454.jpg",          imageAlt: "Pizza de calabresa com azeitonas e orégano"},
         {
-          id: "moda-da-casa",
-          name: "Pizza à Moda da Casa",
-          price: "R$45,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-with-delicious-pizza-outdoors_23-2149931015.jpg",
-          imageAlt: "Pizza com vários sabores, à moda da casa",
-        },
+          id: "moda-da-casa",          name: "Pizza à Moda da Casa",          price: "R$45,00",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-family-with-delicious-pizza-outdoors_23-2149931015.jpg",          imageAlt: "Pizza com vários sabores, à moda da casa"},
         {
-          id: "carne-sol-macaxeira",
-          name: "Carne de Sol com Macaxeira",
-          price: "R$30,00",
-          imageSrc: "http://img.b2bpic.net/free-photo/traditional-dish-djizz-bizz-fried-liver-lamb-giblets-potato-slices-oil-lemon-side-view_141793-4216.jpg",
-          imageAlt: "Carne de sol com macaxeira e cebola",
-        },
+          id: "carne-sol-macaxeira",          name: "Carne de Sol com Macaxeira",          price: "R$30,00",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-dish-djizz-bizz-fried-liver-lamb-giblets-potato-slices-oil-lemon-side-view_141793-4216.jpg",          imageAlt: "Carne de sol com macaxeira e cebola"},
       ]}
       title="Nosso Cardápio Destaque"
       description="Sabores irresistíveis e preços que cabem no seu bolso. Peça o seu favorito e receba em casa!"
@@ -122,37 +89,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Maria Silva",
-          handle: "@mariasilva",
-          testimonial: "A melhor pizza de Juazeiro! Preço justo e entrega super rápida. Recomendo muito!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg",
-        },
+          id: "1",          name: "Maria Silva",          handle: "@mariasilva",          testimonial: "A melhor pizza de Juazeiro! Preço justo e entrega super rápida. Recomendo muito!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg"},
         {
-          id: "2",
-          name: "João Pereira",
-          handle: "@joaopereira",
-          testimonial: "Comida deliciosa, ambiente familiar e o atendimento está cada vez melhor! Parabéns à equipe.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-brown-turtleneck-sweater-showing-thumb-up-isolated-purple-wall_141793-87294.jpg",
-        },
+          id: "2",          name: "João Pereira",          handle: "@joaopereira",          testimonial: "Comida deliciosa, ambiente familiar e o atendimento está cada vez melhor! Parabéns à equipe.",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-girl-wearing-brown-turtleneck-sweater-showing-thumb-up-isolated-purple-wall_141793-87294.jpg"},
         {
-          id: "3",
-          name: "Ana Paula",
-          handle: "@anapaula_gourmet",
-          testimonial: "Sempre peço a Carne de Sol com Macaxeira e é impecável. Qualidade excelente e chega quentinha!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-against-glowing-stage-light_23-2147882962.jpg",
-        },
+          id: "3",          name: "Ana Paula",          handle: "@anapaula_gourmet",          testimonial: "Sempre peço a Carne de Sol com Macaxeira e é impecável. Qualidade excelente e chega quentinha!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-against-glowing-stage-light_23-2147882962.jpg"},
         {
-          id: "4",
-          name: "Carlos Eduardo",
-          handle: "@carloseduardo",
-          testimonial: "A Pizzaria O Val se superou! Entrega pontual e a pizza à moda da casa é sensacional. Virei cliente fiel.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sweet-happy-mix-raced-couple-posing-together_1262-20834.jpg",
-        },
+          id: "4",          name: "Carlos Eduardo",          handle: "@carloseduardo",          testimonial: "A Pizzaria O Val se superou! Entrega pontual e a pizza à moda da casa é sensacional. Virei cliente fiel.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/sweet-happy-mix-raced-couple-posing-together_1262-20834.jpg"},
       ]}
       showRating={true}
       title="O que dizem nossos clientes"
@@ -167,19 +114,9 @@ export default function LandingPage() {
       textboxLayout="default"
       metrics={[
         {
-          id: "reviews-rating",
-          title: "4.0 Estrelas",
-          subtitle: "Média de Avaliações",
-          category: "Qualidade",
-          value: "4.0 ⭐",
-        },
+          id: "reviews-rating",          title: "4.0 Estrelas",          subtitle: "Média de Avaliações",          category: "Qualidade",          value: "4.0 ⭐"},
         {
-          id: "happy-customers",
-          title: "Mais de 600",
-          subtitle: "Clientes Satisfeitos",
-          category: "Comunidade",
-          value: "600+",
-        },
+          id: "happy-customers",          title: "Mais de 600",          subtitle: "Clientes Satisfeitos",          category: "Comunidade",          value: "600+"},
       ]}
       title="Nossa Confiança e Sabor Local"
       description="Uma tradição em Juazeiro do Norte, dedicada a trazer os melhores sabores para sua mesa."
@@ -187,124 +124,51 @@ export default function LandingPage() {
   </div>
 
   <div id="about-us" data-section="about-us">
-      <TextAbout
-      useInvertedBackground={false}
-      tag="Transparência e Melhoria"
-      title="Sempre buscando a perfeição para você!"
+      <TextSplitAbout
+      useInvertedBackground={true}
+      title="Nossa História em Juazeiro"
+      description={[
+        "Fundada com o intuito de trazer a autêntica culinária regional mesclada com a tradição das melhores pizzas, a Pizzaria O Val se tornou um ponto de encontro familiar.",        "Nosso compromisso é com a qualidade dos ingredientes e o carinho em cada etapa, garantindo que cada cliente sinta o sabor de casa em cada pedaço."
+      ]}
     />
   </div>
 
   <div id="contact-info" data-section="contact-info">
-      <FeatureCardNine
-      animationType="opacity"
-      textboxLayout="default"
+      <ContactSplit
+      tag="Localização e Contato"
+      title="Estamos prontos para te servir!"
+      description="Entre em contato conosco pelo WhatsApp para pedidos rápidos ou venha nos visitar em Juazeiro do Norte."
       useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Peça sem Complicação!",
-          description: "Seu pedido confirmado em minutos. Clique e peça sua pizza favorita ou lanche agora!",
-          buttons: [
-            {
-              text: "💬 Pedir no WhatsApp",
-              href: "https://wa.me/558891234567",
-            },
-            {
-              text: "📞 Ligar Agora",
-              href: "tel:+558891234567",
-            },
-          ],
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/food-delivery-onboarding-screens_23-2148559603.jpg?_wi=1",
-            imageAlt: "Smartphone com aplicativo de pedido de comida",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/food-delivery-onboarding-screens_23-2148559603.jpg?_wi=2",
-            imageAlt: "Smartphone com aplicativo de pedido de comida",
-          },
-        },
-        {
-          id: 2,
-          title: "Localização e Horários",
-          description: "Venha desfrutar de nosso ambiente familiar. Estamos abertos todas as noites!",
-          buttons: [
-            {
-              text: "Ver Rota no Google Maps",
-              href: "https://www.google.com/maps/search/?api=1&query=Pizzaria+O+Val+Juazeiro+do+Norte+CE",
-            },
-          ],
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/taxi-app-interfaces-pack_23-2148504061.jpg?_wi=1",
-            imageAlt: "Smartphone com mapa mostrando rota para o restaurante",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/taxi-app-interfaces-pack_23-2148504061.jpg?_wi=2",
-            imageAlt: "Smartphone com mapa mostrando rota para o restaurante",
-          },
-        },
-      ]}
-      showStepNumbers={false}
-      title="Peça agora ou Venha nos Visitar!"
-      description="Facilidade no pedido, resposta rápida e um ambiente acolhedor para você e sua família."
+      mediaPosition="left"
+      background={{ variant: "rotated-rays-animated" }}
+      className="py-16 md:py-24"
+      containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
+      titleClassName="text-4xl md:text-5xl font-bold mb-4"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="Pizzaria O Val"
       columns={[
         {
-          title: "Contato",
           items: [
-            {
-              label: "Telefone: (88) 9123-4567",
-              href: "tel:+558891234567",
-            },
-            {
-              label: "WhatsApp: (88) 9123-4567",
-              href: "https://wa.me/558891234567",
-            },
-            {
-              label: "Email: contato@pizzariaoval.com",
-              href: "mailto:contato@pizzariaoval.com",
-            },
-          ],
+            { label: "Telefone: (88) 9123-4567", href: "tel:+558891234567" },
+            { label: "WhatsApp: (88) 9123-4567", href: "https://wa.me/558891234567" }
+          ]
         },
         {
-          title: "Horários",
           items: [
-            {
-              label: "Segunda a Domingo:",
-              href: "#",
-            },
-            {
-              label: "18h - 02h",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Menu Rápido",
-          items: [
-            {
-              label: "Cardápio",
-              href: "#menu",
-            },
-            {
-              label: "Depoimentos",
-              href: "#testimonials",
-            },
-            {
-              label: "Localização",
-              href: "#contact-info",
-            },
-          ],
-        },
+            { label: "Cardápio", href: "#menu" },
+            { label: "Depoimentos", href: "#testimonials" }
+          ]
+        }
       ]}
-      bottomLeftText="© 2024 Pizzaria O Val. Todos os direitos reservados."
-      bottomRightText="Feito com carinho em Juazeiro do Norte."
+      className="bg-[var(--background-accent)] pt-16 pb-8"
+      containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #fcfcfc;
-  --foreground: #250c0d;
-  --primary-cta: #e63946;
+  --background: #fcfaf7;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #c1272d;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffc107;
+  --secondary-cta: #e2a946;
   --secondary-cta-text: #250c0d;
-  --accent: #ffc107;
-  --background-accent: #f0e8d5;
+  --accent: #c1272d;
+  --background-accent: #f7ede2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);