src/app/about/page.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Sobre", id: "about" },
+            { name: "Tipologias", id: "tipologias" },
+            { name: "Lazer", id: "amenities" },
+            { name: "Localização", id: "location" },
+            { name: "Contato", id: "contact" },
+            { name: "Sobre Rafael", id: "/about" },
+          ]}
+          brandName="Oliva 317"
+          bottomLeftText="Tatuapé, São Paulo"
+          bottomRightText="contato@oliva317.com.br"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="Sobre Rafael Daza"
+          description="Corretor especializado em imóveis de alto padrão no Tatuapé, com experiência em vendas, locação e consultoria imobiliária. Dedicado a proporcionar as melhores experiências aos clientes."
+          tag="Conheça nosso corretor"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-buildings-dubai-marina-city-artificial-channel-length-3-kilometers-along-persian-gulf_231208-7571.jpg"
+          imageAlt="Rafael Daza - Corretor Imobiliário"
+          textPosition="bottom-left"
+          showBlur={true}
+          showDimOverlay={true}
+          buttons={[
+            { text: "Entre em contato", href: "#contact" },
+            { text: "Acompanhe no Instagram", href: "https://www.instagram.com/corretor.rafaeldaza/" },
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Vamos conversar sobre seus projetos imobiliários"
+          animationType="entrance-slide"
+          buttons={[
+            { text: "Quero conversar", href: "https://www.instagram.com/corretor.rafaeldaza/" },
+            { text: "Enviar mensagem", href: "#" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Rafael Daza"
+          copyrightText="© 2025 Rafael Daza - Corretor Imobiliário"
+          columns={[
+            {
+              title: "Redes Sociais",              items: [
+                { label: "Instagram", href: "https://www.instagram.com/corretor.rafaeldaza/" },
+                { label: "WhatsApp", href: "#" },
+              ],
+            },
+            {
+              title: "Informações",              items: [
+                { label: "Sobre", href: "/about" },
+                { label: "Contato", href: "#contact" },
+                { label: "Política de Privacidade", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,6 +32,7 @@ export default function LandingPage() {
             { name: "Lazer", id: "amenities" },
             { name: "Localização", id: "location" },
             { name: "Contato", id: "contact" },
+            { name: "Sobre Rafael", id: "/about" },
           ]}
           brandName="Oliva 317"
           bottomLeftText="Tatuapé, São Paulo"
@@ -75,16 +76,20 @@ export default function LandingPage() {
           features={[
             {
               icon: Home,
-              title: "Studios",              description: "24m² a 39m² com opção de 1 dormitório. Espaços compactos e modernos para quem busca praticidade."},
+              title: "Studios",              description: "24m² a 39m² com opção de 1 dormitório. Espaços compactos e modernos para quem busca praticidade."
+            },
             {
               icon: DoorOpen,
-              title: "2 Dormitórios",              description: "34m² a 39m². Apartamentos funcionais com distribuição otimizada para conforto e mobilidade."},
+              title: "2 Dormitórios",              description: "34m² a 39m². Apartamentos funcionais com distribuição otimizada para conforto e mobilidade."
+            },
             {
               icon: Building2,
-              title: "Salas Comerciais",              description: "24m² a 39m². Espaços versáteis para escritórios, consultórios e pequenos negócios no Tatuapé."},
+              title: "Salas Comerciais",              description: "24m² a 39m². Espaços versáteis para escritórios, consultórios e pequenos negócios no Tatuapé."
+            },
             {
               icon: Store,
-              title: "Loja Térrea",              description: "362,72m². Espaço comercial amplo e estratégico no térreo do empreendimento para investimento."},
+              title: "Loja Térrea",              description: "362,72m². Espaço comercial amplo e estratégico no térreo do empreendimento para investimento."
+            },
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -100,25 +105,32 @@ export default function LandingPage() {
           features={[
             {
               icon: Waves,
-              title: "Rooftop com Piscina",              description: "Piscina panorâmica no 24º andar com vista privilegiada de São Paulo para relaxamento."},
+              title: "Rooftop com Piscina",              description: "Piscina panorâmica no 24º andar com vista privilegiada de São Paulo para relaxamento."
+            },
             {
               icon: Users,
-              title: "Salão de Festas",              description: "Ambiente sofisticado para eventos, celebrações e reuniões com amigos e família."},
+              title: "Salão de Festas",              description: "Ambiente sofisticado para eventos, celebrações e reuniões com amigos e família."
+            },
             {
               icon: PawPrint,
-              title: "Pet Place",              description: "Espaço dedicado e seguro para seus animais de estimação aproveitarem o melhor."},
+              title: "Pet Place",              description: "Espaço dedicado e seguro para seus animais de estimação aproveitarem o melhor."
+            },
             {
               icon: Flame,
-              title: "Churrasqueira",              description: "Área de churrasqueira equipada para momentos de integração com vizinhos e amigos."},
+              title: "Churrasqueira",              description: "Área de churrasqueira equipada para momentos de integração com vizinhos e amigos."
+            },
             {
               icon: Dumbbell,
-              title: "Fitness",              description: "Academia moderna equipada com aparelhos de última geração para sua saúde."},
+              title: "Fitness",              description: "Academia moderna equipada com aparelhos de última geração para sua saúde."
+            },
             {
               icon: Smile,
-              title: "Brinquedoteca",              description: "Espaço seguro e divertido para as crianças brincarem e se desenvolverem."},
+              title: "Brinquedoteca",              description: "Espaço seguro e divertido para as crianças brincarem e se desenvolverem."
+            },
             {
               icon: Laptop,
-              title: "Coworking",              description: "Espaço de trabalho compartilhado com infraestrutura profissional completa."},
+              title: "Coworking",              description: "Espaço de trabalho compartilhado com infraestrutura profissional completa."
+            },
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -132,11 +144,14 @@ export default function LandingPage() {
           tag="Localização"
           metrics={[
             {
-              id: "1",              value: "24",              description: "Pavimentos estruturados com elevadores e infraestrutura de última geração para conforto."},
+              id: "1",              value: "24",              description: "Pavimentos estruturados com elevadores e infraestrutura de última geração para conforto."
+            },
             {
-              id: "2",              value: "192",              description: "Unidades totais combinando residências, salas comerciais e loja térrea estrategicamente."},
+              id: "2",              value: "192",              description: "Unidades totais combinando residências, salas comerciais e loja térrea estrategicamente."
+            },
             {
-              id: "3",              value: "723,56m²",              description: "Terreno estratégico no coração do Tatuapé com localização privilegiada e acessibilidade."},
+              id: "3",              value: "723,56m²",              description: "Terreno estratégico no coração do Tatuapé com localização privilegiada e acessibilidade."
+            },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={true}