Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Scissors, Sparkles, User } from "lucide-react";
+import { Scissors, Sparkles, User, Star, Clock, CalendarDays } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Início", id: "hero" },
-          name: "Início",          id: "hero"},
+        { name: "Sobre", id: "about" },
-        {
+        { name: "Serviços", id: "features" },
-          name: "Sobre",          id: "about"},
+        { name: "Avaliações", id: "testimonials" },
-        {
+        { name: "Contato", id: "contact" },
-          name: "Serviços",          id: "features"},
-        {
-          name: "Avaliações",          id: "testimonials"},
-        {
-          name: "Contato",          id: "contact"},
       ]}
       brandName="Barbearia Cordeiro"
     />
@@ -48,14 +43,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       title="Barbearia Cordeiro"
       description="Excelência e tradição em cada corte. O melhor atendimento de Penha, SC."
-      buttons={[
+      buttons={[{ text: "Agendar Agora", href: "#contact" }]}
-        {
-          text: "Agendar Agora",          href: "#contact"},
-      ]}
     />
   </div>
 
@@ -65,12 +56,9 @@ export default function LandingPage() {
       title="Tradição e Qualidade"
       description="Com anos de experiência na região, a Barbearia Cordeiro oferece um ambiente único focado no atendimento personalizado e corte de alta qualidade."
       metrics={[
-        {
+        { value: "4.9", title: "Avaliação" },
-          value: "4.9",          title: "Avaliação"},
+        { value: "175+", title: "Avaliações" },
-        {
+        { value: "100%", title: "Satisfação" },
-          value: "175+",          title: "Avaliações"},
-        {
-          value: "100%",          title: "Satisfação"},
       ]}
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -86,25 +74,22 @@ export default function LandingPage() {
         {
           title: "Corte de Cabelo",          description: "Estilos clássicos e modernos adaptados ao seu rosto.",          icon: Scissors,
           mediaItems: [
-            {
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302211-x6z8blob.jpg?_wi=1" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302211-x6z8blob.jpg?_wi=1"},
+            { imageSrc: "https://images.unsplash.com/photo-1599351431202-180f0b485aa6?q=80&w=800" },
-            {},
           ],
         },
         {
           title: "Barba de Respeito",          description: "Tratamento completo para manter sua barba sempre alinhada.",          icon: Sparkles,
           mediaItems: [
-            {
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302210-ihycei7g.jpg?_wi=2" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302210-ihycei7g.jpg?_wi=2"},
+            { imageSrc: "https://images.unsplash.com/photo-1503943317730-802c67694939?q=80&w=800&_wi=1" },
-            {},
           ],
         },
         {
           title: "Atendimento Infantil",          description: "Paciência e técnica para o primeiro corte do seu filho.",          icon: User,
           mediaItems: [
-            {
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302211-x6z8blob.jpg?_wi=2" },
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302211-x6z8blob.jpg?_wi=2"},
+            { imageSrc: "https://images.unsplash.com/photo-1574300302306-6953932a3922?q=80&w=800" },
-            {},
           ],
         },
       ]}
@@ -117,8 +102,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Google Maps", "Local Guide", "Penha Social", "Armação News", "Barber Community", "Local Business", "Regional Hub"]}
-        "Google Maps",        "Local Guide",        "Penha Social",        "Armação News",        "Barber Community",        "Local Business",        "Regional Hub"]}
       title="Clientes que Confiam"
       description="Reconhecidos pelos melhores profissionais e serviço da região."
     />
@@ -129,16 +113,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", title: "Excelente", quote: "Estabelecimento com ótimo ambiente e ótimos profissionais!", name: "Edina Rechi", role: "Cliente", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200" },
-          id: "1",          title: "Excelente",          quote: "Estabelecimento com ótimo ambiente e ótimos profissionais!",          name: "Edina Rechi",          role: "Cliente"},
+        { id: "2", title: "Top", quote: "Luiz e equipe são top.", name: "André Flores", role: "Cliente", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=200" },
-        {
+        { id: "3", title: "Profissionais", quote: "Profissionais excelentes.", name: "Erisson Santos", role: "Cliente" },
-          id: "2",          title: "Top",          quote: "Luiz e equipe são top.",          name: "André Flores",          role: "Cliente"},
+        { id: "4", title: "Nota Dez", quote: "O pessoal é nota dez no serviço e no atendimento!", name: "Cliente Anônimo", role: "Cliente" },
-        {
+        { id: "5", title: "Corte de Qualidade", quote: "Corte do cabelo do meu filho e do meu marido ficaram excelentes.", name: "Maria Silva", role: "Cliente" },
-          id: "3",          title: "Profissionais",          quote: "Profissionais excelentes.",          name: "Erisson Santos",          role: "Cliente"},
-        {
-          id: "4",          title: "Nota Dez",          quote: "O pessoal é nota dez no serviço e no atendimento!",          name: "Cliente Anônimo",          role: "Cliente"},
-        {
-          id: "5",          title: "Corte de Qualidade",          quote: "Corte do cabelo do meu filho e do meu marido ficaram excelentes.",          name: "Maria Silva",          role: "Cliente"},
       ]}
       title="O que dizem nossos clientes"
       description="Confira a opinião de quem já passou pela Barbearia Cordeiro."
@@ -150,13 +129,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Qual o horário de funcionamento?", content: "Estamos abertos diariamente até às 12:00 e reabrimos às 13:30." },
-          id: "1",          title: "Qual o horário de funcionamento?",          content: "Estamos abertos diariamente até às 12:00 e reabrimos às 13:30."},
+        { id: "2", title: "Vocês fazem barba também?", content: "Sim, oferecemos o serviço completo de barbearia incluindo modelagem de barba." },
-        {
+        { id: "3", title: "Atendem crianças?", content: "Com certeza, temos vasta experiência em cortes infantis com paciência e cuidado." },
-          id: "2",          title: "Vocês fazem barba também?",          content: "Sim, oferecemos o serviço completo de barbearia incluindo modelagem de barba."},
-        {
-          id: "3",          title: "Atendem crianças?",          content: "Com certeza, temos vasta experiência em cortes infantis com paciência e cuidado."},
       ]}
+      imageSrc="https://images.unsplash.com/photo-1585747860715-2ba37e788b70?q=80&w=800"
       title="Perguntas Frequentes"
       description="Tire suas dúvidas antes de agendar seu horário."
       faqsAnimation="slide-up"
@@ -167,8 +144,8 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      imageSrc="https://images.unsplash.com/photo-1503943317730-802c67694939?q=80&w=800&_wi=2"
       tag="Agendamento"
       title="Venha nos conhecer"
       description="Av. Eugênio Krause, 3181 - Armação, Penha - SC. Entre em contato e agende seu horário."
@@ -180,30 +157,21 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterMedia
       logoText="Barbearia Cordeiro"
-      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXcQsRak8bToxvQvPFRNdGGtd/uploaded-1776774302211-x6z8blob.jpg?_wi=4"
+      imageSrc="https://images.unsplash.com/photo-1599351431202-180f0b485aa6?q=80&w=400"
       columns={[
-        {
+        { title: "Menu", items: [
-          title: "Menu",          items: [
+          { label: "Início", href: "#hero" },
-            {
+          { label: "Sobre", href: "#about" },
-              label: "Início",              href: "#hero"},
+          { label: "Serviços", href: "#features" },
-            {
+        ] },
-              label: "Sobre",              href: "#about"},
+        { title: "Contato", items: [
-            {
+          { label: "(47) 99665-2361", href: "tel:47996652361" },
-              label: "Serviços",              href: "#features"},
+          { label: "Instagram", href: "https://instagram.com" },
-          ],
+        ] },
-        },
-        {
-          title: "Contato",          items: [
-            {
-              label: "(47) 99665-2361",              href: "tel:47996652361"},
-            {
-              label: "Instagram",              href: "https://instagram.com"},
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}