From dc0096eaf390bad7b5939807d332a64c1cd74e52 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 11 Jun 2026 00:58:10 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 314 +++++++++++------------------------------------ 1 file changed, 70 insertions(+), 244 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 38cb5d7..a33f7b5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,29 +34,17 @@ export default function LandingPage() { @@ -65,67 +53,42 @@ export default function LandingPage() {
@@ -138,19 +101,13 @@ export default function LandingPage() { metrics={[ { icon: Gauge, - label: "Precisão", - value: "100%", - }, + label: "Precisão", value: "100%"}, { icon: Lightbulb, - label: "Inovação", - value: "Sempre", - }, + label: "Inovação", value: "Sempre"}, { icon: Award, - label: "Colaboração", - value: "Transparente", - }, + label: "Colaboração", value: "Transparente"}, ]} metricsAnimation="slide-up" /> @@ -163,20 +120,11 @@ export default function LandingPage() { description="Oferecemos uma gama de serviços especializados, focados em entregar designs funcionais e esteticamente superiores, alinhados à sua visão e aos princípios do design suíço." accordionItems={[ { - id: "branding", - title: "Identidade Visual & Branding", - content: "Construímos marcas com narrativas visuais fortes e coesas, desde o logotipo até o guia de estilo completo.", - }, + id: "branding", title: "Identidade Visual & Branding", content: "Construímos marcas com narrativas visuais fortes e coesas, desde o logotipo até o guia de estilo completo."}, { - id: "web", - title: "Design Web & UI/UX", - content: "Criamos experiências digitais intuitivas e visualmente engajadoras, com foco na usabilidade e estética minimalista.", - }, + id: "web", title: "Design Web & UI/UX", content: "Criamos experiências digitais intuitivas e visualmente engajadoras, com foco na usabilidade e estética minimalista."}, { - id: "editorial", - title: "Design Editorial & Impresso", - content: "Desenvolvemos layouts para livros, revistas, relatórios e materiais impressos com atenção à tipografia e à hierarquia visual.", - }, + id: "editorial", title: "Design Editorial & Impresso", content: "Desenvolvemos layouts para livros, revistas, relatórios e materiais impressos com atenção à tipografia e à hierarquia visual."}, ]} imageSrc="http://img.b2bpic.net/free-photo/modern-smartphone-display-mockup-white-background_9975-134379.jpg" imageAlt="Exemplo de design minimalista" @@ -194,47 +142,17 @@ export default function LandingPage() { carouselMode="buttons" products={[ { - id: "project-1", - name: "Rebranding GlobalCorp", - price: "Identidade Visual", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-happy-new-year-2022-text-typography-design_460848-7797.jpg", - imageAlt: "Projeto de rebranding minimalista", - }, + id: "project-1", name: "Rebranding GlobalCorp", price: "Identidade Visual", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-happy-new-year-2022-text-typography-design_460848-7797.jpg", imageAlt: "Projeto de rebranding minimalista"}, { - id: "project-2", - name: "App para Fintech", - price: "UI/UX Design", - imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749869.jpg", - imageAlt: "Interface de aplicativo financeiro", - }, + id: "project-2", name: "App para Fintech", price: "UI/UX Design", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749869.jpg", imageAlt: "Interface de aplicativo financeiro"}, { - id: "project-3", - name: "Publicação Anual", - price: "Design Editorial", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10gy35", - imageAlt: "Layout de revista minimalista", - }, + id: "project-3", name: "Publicação Anual", price: "Design Editorial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10gy35", imageAlt: "Layout de revista minimalista"}, { - id: "project-4", - name: "Embalagem Premium", - price: "Design de Produto", - imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600201.jpg", - imageAlt: "Embalagem de produto elegante", - }, + id: "project-4", name: "Embalagem Premium", price: "Design de Produto", imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600201.jpg", imageAlt: "Embalagem de produto elegante"}, { - id: "project-5", - name: "Sinalização Urbana", - price: "Design Ambiental", - imageSrc: "http://img.b2bpic.net/free-photo/ecology-environment-save-earth-organic_53876-122934.jpg", - imageAlt: "Sinalização urbana minimalista", - }, + id: "project-5", name: "Sinalização Urbana", price: "Design Ambiental", imageSrc: "http://img.b2bpic.net/free-photo/ecology-environment-save-earth-organic_53876-122934.jpg", imageAlt: "Sinalização urbana minimalista"}, { - id: "project-6", - name: "Intro de Vídeo", - price: "Motion Graphics", - imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-abstract-architectural-twists-making-it-look-like-work-art_181624-7174.jpg", - imageAlt: "Sequência de motion graphics", - }, + id: "project-6", name: "Intro de Vídeo", price: "Motion Graphics", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-abstract-architectural-twists-making-it-look-like-work-art_181624-7174.jpg", imageAlt: "Sequência de motion graphics"}, ]} title="Nosso Portfólio de Destaque" description="Uma seleção de projetos que demonstram nossa abordagem ao design funcional, limpo e impactante." @@ -246,25 +164,17 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} carouselMode="buttons" + animationType="slide-up" metrics={[ { - id: "metric-1", - icon: CheckSquare, - title: "Projetos Concluídos", - value: "250+", - }, + id: "metric-1", icon: CheckSquare, + title: "Projetos Concluídos", value: "250+"}, { - id: "metric-2", - icon: Star, - title: "Satisfação do Cliente", - value: "98%", - }, + id: "metric-2", icon: Star, + title: "Satisfação do Cliente", value: "98%"}, { - id: "metric-3", - icon: Award, - title: "Prêmios de Design", - value: "15+", - }, + id: "metric-3", icon: Award, + title: "Prêmios de Design", value: "15+"}, ]} title="Nossos Números Falam por Si" description="Com anos de experiência e uma dedicação inabalável à qualidade, transformamos ideias em realidade com resultados mensuráveis." @@ -280,29 +190,11 @@ export default function LandingPage() { carouselMode="buttons" members={[ { - id: "member-1", - name: "Helena Garcia", - role: "Diretora Criativa", - description: "Com uma década de experiência, Helena lidera nossa visão estética e garante a excelência em cada pixel.", - imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg", - imageAlt: "Foto de Helena Garcia", - }, + id: "member-1", name: "Helena Garcia", role: "Diretora Criativa", description: "Com uma década de experiência, Helena lidera nossa visão estética e garante a excelência em cada pixel.", imageSrc: "http://img.b2bpic.net/free-photo/artistic-businessman_23-2147641280.jpg", imageAlt: "Foto de Helena Garcia"}, { - id: "member-2", - name: "João Pereira", - role: "Designer Principal UI/UX", - description: "João é o mestre da usabilidade e da experiência do usuário, transformando complexidade em simplicidade elegante.", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", - imageAlt: "Foto de João Pereira", - }, + id: "member-2", name: "João Pereira", role: "Designer Principal UI/UX", description: "João é o mestre da usabilidade e da experiência do usuário, transformando complexidade em simplicidade elegante.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", imageAlt: "Foto de João Pereira"}, { - id: "member-3", - name: "Mariana Costa", - role: "Estrategista de Marca", - description: "Mariana desvenda a essência de cada marca, construindo fundamentos sólidos para identidades visuais impactantes.", - imageSrc: "http://img.b2bpic.net/free-photo/positive-female-male-watch-video-digital-tablet_273609-28807.jpg", - imageAlt: "Foto de Mariana Costa", - }, + id: "member-3", name: "Mariana Costa", role: "Estrategista de Marca", description: "Mariana desvenda a essência de cada marca, construindo fundamentos sólidos para identidades visuais impactantes.", imageSrc: "http://img.b2bpic.net/free-photo/positive-female-male-watch-video-digital-tablet_273609-28807.jpg", imageAlt: "Foto de Mariana Costa"}, ]} title="A Equipe Por Trás do Design" description="Conheça os especialistas dedicados que trazem a paixão pelo design suíço para cada projeto." @@ -317,50 +209,20 @@ export default function LandingPage() { carouselMode="buttons" testimonials={[ { - id: "t1", - name: "Ana Paula Silva", - handle: "@TechSolutions", - testimonial: "A Kaick Lopes Design elevou nossa marca a um novo patamar. O minimalismo e a atenção aos detalhes são impecáveis!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg", - imageAlt: "Foto de Ana Paula Silva", - }, + id: "t1", name: "Ana Paula Silva", handle: "@TechSolutions", testimonial: "A Kaick Lopes Design elevou nossa marca a um novo patamar. O minimalismo e a atenção aos detalhes são impecáveis!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg", imageAlt: "Foto de Ana Paula Silva"}, { - id: "t2", - name: "Carlos Eduardo M.", - handle: "@InnovateLabs", - testimonial: "Trabalhar com a equipe foi uma experiência fluida. O design do nosso novo aplicativo é intuitivo e elegante. Recomendo!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", - imageAlt: "Foto de Carlos Eduardo M.", - }, + id: "t2", name: "Carlos Eduardo M.", handle: "@InnovateLabs", testimonial: "Trabalhar com a equipe foi uma experiência fluida. O design do nosso novo aplicativo é intuitivo e elegante. Recomendo!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "Foto de Carlos Eduardo M."}, { - id: "t3", - name: "Beatriz Fernandes", - handle: "@FutureBrand", - testimonial: "A visão clara e a execução precisa da Kaick Lopes são admiráveis. Nosso material impresso nunca esteve tão sofisticado.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg", - imageAlt: "Foto de Beatriz Fernandes", - }, + id: "t3", name: "Beatriz Fernandes", handle: "@FutureBrand", testimonial: "A visão clara e a execução precisa da Kaick Lopes são admiráveis. Nosso material impresso nunca esteve tão sofisticado.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg", imageAlt: "Foto de Beatriz Fernandes"}, { - id: "t4", - name: "Roberto Almeida", - handle: "@GlobalConnect", - testimonial: "Eles realmente entenderam nossa necessidade por um design atemporal. O resultado superou todas as expectativas!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", - imageAlt: "Foto de Roberto Almeida", - }, + id: "t4", name: "Roberto Almeida", handle: "@GlobalConnect", testimonial: "Eles realmente entenderam nossa necessidade por um design atemporal. O resultado superou todas as expectativas!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", imageAlt: "Foto de Roberto Almeida"}, { - id: "t5", - name: "Sandra Lima", - handle: "@CreativeHub", - testimonial: "Profissionalismo e criatividade em perfeita sintonia. A nova identidade da nossa empresa é um reflexo do nosso valor.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-women-laughing-holding-tablet_23-2148850615.jpg", - imageAlt: "Foto de Sandra Lima", - }, + id: "t5", name: "Sandra Lima", handle: "@CreativeHub", testimonial: "Profissionalismo e criatividade em perfeita sintonia. A nova identidade da nossa empresa é um reflexo do nosso valor.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-women-laughing-holding-tablet_23-2148850615.jpg", imageAlt: "Foto de Sandra Lima"}, ]} showRating={false} title="O Que Nossos Clientes Dizem" @@ -373,20 +235,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Qual a metodologia de trabalho da Kaick Lopes Design?", - content: "Nossa metodologia é centrada no cliente, começando com um briefing detalhado, seguido por pesquisa, conceito, desenvolvimento e, por fim, implementação e refinamento contínuo.", - }, + id: "q1", title: "Qual a metodologia de trabalho da Kaick Lopes Design?", content: "Nossa metodologia é centrada no cliente, começando com um briefing detalhado, seguido por pesquisa, conceito, desenvolvimento e, por fim, implementação e refinamento contínuo."}, { - id: "q2", - title: "Vocês trabalham com projetos internacionais?", - content: "Sim, nossa equipe está equipada para atender clientes globalmente, com comunicação fluida e entregas digitais eficientes.", - }, + id: "q2", title: "Vocês trabalham com projetos internacionais?", content: "Sim, nossa equipe está equipada para atender clientes globalmente, com comunicação fluida e entregas digitais eficientes."}, { - id: "q3", - title: "Como o design suíço influencia seus projetos?", - content: "Valorizamos a clareza, a legibilidade, o uso inteligente do espaço negativo e uma hierarquia tipográfica rigorosa, pilares do estilo suíço, para criar designs atemporais e eficazes.", - }, + id: "q3", title: "Como o design suíço influencia seus projetos?", content: "Valorizamos a clareza, a legibilidade, o uso inteligente do espaço negativo e uma hierarquia tipográfica rigorosa, pilares do estilo suíço, para criar designs atemporais e eficazes."}, ]} sideTitle="Perguntas Frequentes" sideDescription="Respostas rápidas às suas principais dúvidas sobre nossos serviços e processo de trabalho." @@ -403,22 +256,14 @@ export default function LandingPage() { description="Estamos prontos para ouvir sua ideia e transformá-la em realidade com a nossa expertise em design." inputs={[ { - name: "name", - type: "text", - placeholder: "Seu Nome Completo", - required: true, + name: "name", type: "text", placeholder: "Seu Nome Completo", required: true, }, { - name: "email", - type: "email", - placeholder: "Seu E-mail Profissional", - required: true, + name: "email", type: "email", placeholder: "Seu E-mail Profissional", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Descreva seu projeto...", - rows: 5, + name: "message", placeholder: "Descreva seu projeto...", rows: 5, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/vertical-high-angle-shot-minimalistic-white-room-with-glass-desk-near-window_181624-24930.jpg" @@ -434,50 +279,31 @@ export default function LandingPage() { logoText="Kaick Lopes Design" columns={[ { - title: "Serviços", - items: [ + title: "Serviços", items: [ { - label: "Branding", - href: "#services", - }, + label: "Branding", href: "#services"}, { - label: "Web & UI/UX", - href: "#services", - }, + label: "Web & UI/UX", href: "#services"}, { - label: "Editorial", - href: "#services", - }, + label: "Editorial", href: "#services"}, ], }, { - title: "Empresa", - items: [ + title: "Empresa", items: [ { - label: "Sobre Nós", - href: "#about", - }, + label: "Sobre Nós", href: "#about"}, { - label: "Portfólio", - href: "#work", - }, + label: "Portfólio", href: "#work"}, { - label: "Equipe", - href: "#team", - }, + label: "Equipe", href: "#team"}, ], }, { - title: "Contato", - items: [ + title: "Contato", items: [ { - label: "Fale Conosco", - href: "#contact", - }, + label: "Fale Conosco", href: "#contact"}, { - label: "WhatsApp", - href: "https://wa.me/5511971307092", - }, + label: "WhatsApp", href: "https://wa.me/5511971307092"}, ], }, ]} -- 2.49.1