From 338404315e03904c5738d32ac06d9ee8ac4cede9 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 22:34:23 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 423 +++++++++++------------------------------------ 1 file changed, 96 insertions(+), 327 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bdaa8af..09caca9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,29 +33,17 @@ export default function LandingPage() { @@ -65,111 +53,61 @@ export default function LandingPage() { @@ -181,17 +119,11 @@ export default function LandingPage() { description="No Studio K, acreditamos que a beleza é uma expressão única de cada indivíduo. Por isso, oferecemos um atendimento humanizado e personalizado, onde cada cliente é valorizada em sua essência. Nossa equipe de especialistas dedicados não apenas domina as técnicas mais avançadas de cabelo e beleza, mas também se conecta com você, entendendo seus desejos para entregar resultados que realçam sua confiança e bem-estar. Venha descobrir a sua melhor versão em um ambiente acolhedor e sofisticado, onde a excelência profissional encontra o cuidado genuíno." metrics={[ { - value: "31+", - title: "Avaliações Positivas", - }, + value: "31+", title: "Avaliações Positivas"}, { - value: "8+", - title: "Anos de Experiência", - }, + value: "8+", title: "Anos de Experiência"}, { - value: "100%", - title: "Satisfação Garantida", - }, + value: "100%", title: "Satisfação Garantida"}, ]} imageSrc="http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg" imageAlt="Hair stylist working on client's hair" @@ -207,90 +139,50 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Cortes e Coloração", - description: "Cortes modernos e colorações vibrantes que transformam seu visual com precisão e arte. Do clássico ao ousado, nossos profissionais te guiam para a melhor escolha.", - icon: Scissors, + title: "Cortes e Coloração", description: "Cortes modernos e colorações vibrantes que transformam seu visual com precisão e arte. Do clássico ao ousado, nossos profissionais te guiam para a melhor escolha.", icon: Scissors, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-party-clothes-looking-down_23-2148331845.jpg", - imageAlt: "Woman getting a professional haircut", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-dressed-party-clothes-looking-down_23-2148331845.jpg", imageAlt: "Woman getting a professional haircut"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", - imageAlt: "Hair stylist applying color", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg?_wi=2", - imageAlt: "professional haircut salon client", + imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", imageAlt: "Hair stylist applying color"}, + ] }, { - title: "Tratamentos Capilares", - description: "Cuidado profundo e personalizado para a saúde e brilho dos seus cabelos. Progressiva, selagem e tratamentos que restauram a vitalidade e beleza dos fios.", - icon: Sparkles, + title: "Tratamentos Capilares", description: "Cuidado profundo e personalizado para a saúde e brilho dos seus cabelos. Progressiva, selagem e tratamentos que restauram a vitalidade e beleza dos fios.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/woman-client-salon-receiving-manual-facial-massage-from-beautician_343596-4313.jpg", - imageAlt: "Hair treatment being applied", - }, + imageSrc: "http://img.b2bpic.net/free-photo/woman-client-salon-receiving-manual-facial-massage-from-beautician_343596-4313.jpg", imageAlt: "Hair treatment being applied"}, { - imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390902.jpg", - imageAlt: "Healthy shiny hair after treatment", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/happy-tanned-woman-relaxing-terrace-smiling-camera_197531-22510.jpg?_wi=2", - imageAlt: "professional haircut salon client", + imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390902.jpg", imageAlt: "Healthy shiny hair after treatment"}, + ] }, { - title: "Beleza do Olhar e Estética Facial", - description: "Realce sua beleza com design de sobrancelhas, extensão de cílios e tratamentos faciais. Olhar marcante e pele radiante para sua confiança diária.", - icon: Eye, + title: "Beleza do Olhar e Estética Facial", description: "Realce sua beleza com design de sobrancelhas, extensão de cílios e tratamentos faciais. Olhar marcante e pele radiante para sua confiança diária.", icon: Eye, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-graphic-eye-makeup_23-2150693694.jpg", - imageAlt: "Close-up of eyelash extensions", - }, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-graphic-eye-makeup_23-2150693694.jpg", imageAlt: "Close-up of eyelash extensions"}, { - imageSrc: "http://img.b2bpic.net/free-photo/blue-eye-close_1139-459.jpg", - imageAlt: "Woman receiving eyebrow design", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-female-with-curly-bushy-afro-hairstyle-rests-cafe_273609-2873.jpg?_wi=2", - imageAlt: "professional haircut salon client", + imageSrc: "http://img.b2bpic.net/free-photo/blue-eye-close_1139-459.jpg", imageAlt: "Woman receiving eyebrow design"}, + ] }, { - title: "Manicure e Pedicure", - description: "Unhas impecáveis com manicure, pedicure e esmaltação em gel. Cuidados que transformam suas mãos e pés em um cartão de visitas elegante.", - icon: Heart, + title: "Manicure e Pedicure", description: "Unhas impecáveis com manicure, pedicure e esmaltação em gel. Cuidados que transformam suas mãos e pés em um cartão de visitas elegante.", icon: Heart, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-white-nail-design-holding-black-cup_127675-2708.jpg", - imageAlt: "Elegant manicure with gel polish", - }, + imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-white-nail-design-holding-black-cup_127675-2708.jpg", imageAlt: "Elegant manicure with gel polish"}, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-professional-applying-eye-patches_23-2149628028.jpg", - imageAlt: "Pedicure treatment", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg?_wi=2", - imageAlt: "professional haircut salon client", + imageSrc: "http://img.b2bpic.net/free-photo/side-view-professional-applying-eye-patches_23-2149628028.jpg", imageAlt: "Pedicure treatment"}, + ] }, { - title: "Penteados e Noivas", - description: "Prepare-se para ocasiões especiais com penteados sofisticados e maquiagens deslumbrantes. Atendimento exclusivo para noivas, garantindo um dia inesquecível.", - icon: Crown, + title: "Penteados e Noivas", description: "Prepare-se para ocasiões especiais com penteados sofisticados e maquiagens deslumbrantes. Atendimento exclusivo para noivas, garantindo um dia inesquecível.", icon: Crown, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/wedding-preparation-beautiful-happy-bride-dresses-earrings-before-wedding_8353-5812.jpg", - imageAlt: "Bridal hairstyle", - }, + imageSrc: "http://img.b2bpic.net/free-photo/wedding-preparation-beautiful-happy-bride-dresses-earrings-before-wedding_8353-5812.jpg", imageAlt: "Bridal hairstyle"}, { - imageSrc: "http://img.b2bpic.net/free-photo/magnificent-young-woman-with-short-hairstyle-smiling-phone-conversation-outdoor-shot-adorable-brunette-girl-calling-someone-sunny-spring-day_197531-26301.jpg", - imageAlt: "Professional updo hairstyle", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8005.jpg?_wi=2", - imageAlt: "professional haircut salon client", - }, + imageSrc: "http://img.b2bpic.net/free-photo/magnificent-young-woman-with-short-hairstyle-smiling-phone-conversation-outdoor-shot-adorable-brunette-girl-calling-someone-sunny-spring-day_197531-26301.jpg", imageAlt: "Professional updo hairstyle"}, + ] + } ]} title="Nossos Serviços Premium" description="Descubra a gama completa de serviços que o Studio K oferece, desenhados para realçar sua beleza natural e proporcionar uma experiência de luxo em cada detalhe." @@ -304,35 +196,17 @@ export default function LandingPage() { tag="Sua Satisfação, Nossa Prioridade" metrics={[ { - id: "m1", - value: "Atendimento Humanizado", - description: "Foco na conexão e compreensão das suas necessidades.", - }, + id: "m1", value: "Atendimento Humanizado", description: "Foco na conexão e compreensão das suas necessidades."}, { - id: "m2", - value: "Ambiente Aconchegante", - description: "Um espaço de relaxamento e bem-estar para você.", - }, + id: "m2", value: "Ambiente Aconchegante", description: "Um espaço de relaxamento e bem-estar para você."}, { - id: "m3", - value: "Equipe Qualificada", - description: "Profissionais experientes e em constante atualização.", - }, + id: "m3", value: "Equipe Qualificada", description: "Profissionais experientes e em constante atualização."}, { - id: "m4", - value: "Resultados Que Encantam", - description: "Beleza e confiança que superam suas expectativas.", - }, + id: "m4", value: "Resultados Que Encantam", description: "Beleza e confiança que superam suas expectativas."}, { - id: "m5", - value: "Segurança e Cuidado", - description: "Protocolos rigorosos para sua proteção e saúde.", - }, + id: "m5", value: "Segurança e Cuidado", description: "Protocolos rigorosos para sua proteção e saúde."}, { - id: "m6", - value: "Reputação Local Sólida", - description: "Reconhecimento e confiança em nossa comunidade.", - }, + id: "m6", value: "Reputação Local Sólida", description: "Reconhecimento e confiança em nossa comunidade."}, ]} metricsAnimation="slide-up" /> @@ -346,65 +220,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - brand: "Studio K", - name: "Loiro Perfeito", - price: "Consulte", - rating: 5, - reviewCount: "15", - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-hipster-clothes-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-with-curls-hairstyle-cheerful-happy_158538-22744.jpg", - imageAlt: "Beautiful blonde hair highlights", - }, + id: "p1", brand: "Studio K", name: "Loiro Perfeito", price: "Consulte", rating: 5, + reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-hipster-clothes-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-with-curls-hairstyle-cheerful-happy_158538-22744.jpg", imageAlt: "Beautiful blonde hair highlights"}, { - id: "p2", - brand: "Studio K", - name: "Penteado Noiva", - price: "Consulte", - rating: 5, - reviewCount: "12", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-pretty-woman-relaxing-bedroom-brides-morning_8353-6168.jpg", - imageAlt: "Elegant bridal updo", - }, + id: "p2", brand: "Studio K", name: "Penteado Noiva", price: "Consulte", rating: 5, + reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-pretty-woman-relaxing-bedroom-brides-morning_8353-6168.jpg", imageAlt: "Elegant bridal updo"}, { - id: "p3", - brand: "Studio K", - name: "Corte Moderno", - price: "Consulte", - rating: 5, - reviewCount: "10", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-lady-pink-jacket-looking-front_197531-16808.jpg", - imageAlt: "Sleek dark brunette haircut", - }, + id: "p3", brand: "Studio K", name: "Corte Moderno", price: "Consulte", rating: 5, + reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-lady-pink-jacket-looking-front_197531-16808.jpg", imageAlt: "Sleek dark brunette haircut"}, { - id: "p4", - brand: "Studio K", - name: "Design Sobrancelhas", - price: "Consulte", - rating: 5, - reviewCount: "18", - imageSrc: "http://img.b2bpic.net/free-photo/girl-making-up-her-eyes_23-2148136582.jpg", - imageAlt: "Perfectly shaped eyebrows", - }, + id: "p4", brand: "Studio K", name: "Design Sobrancelhas", price: "Consulte", rating: 5, + reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/girl-making-up-her-eyes_23-2148136582.jpg", imageAlt: "Perfectly shaped eyebrows"}, { - id: "p5", - brand: "Studio K", - name: "Coloração Vibrante", - price: "Consulte", - rating: 5, - reviewCount: "8", - imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-girl-with-wavy-hair_273609-21826.jpg", - imageAlt: "Vibrant red hair color", - }, + id: "p5", brand: "Studio K", name: "Coloração Vibrante", price: "Consulte", rating: 5, + reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-girl-with-wavy-hair_273609-21826.jpg", imageAlt: "Vibrant red hair color"}, { - id: "p6", - brand: "Studio K", - name: "Manicure Clássica", - price: "Consulte", - rating: 5, - reviewCount: "20", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-s-hand-with-beautiful-nail-polish-caressing-red-silk-fabric_181624-59368.jpg", - imageAlt: "Elegant classic manicure", - }, + id: "p6", brand: "Studio K", name: "Manicure Clássica", price: "Consulte", rating: 5, + reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-s-hand-with-beautiful-nail-polish-caressing-red-silk-fabric_181624-59368.jpg", imageAlt: "Elegant classic manicure"}, ]} title="Nossa Galeria de Transformações" description="Inspire-se com alguns dos resultados que transformam a beleza e elevam a confiança de nossas clientes. Cada imagem é um testemunho da nossa paixão pela arte da beleza." @@ -419,45 +251,15 @@ export default function LandingPage() { carouselMode="buttons" testimonials={[ { - id: "t1", - name: "Carla Oliveira", - role: "Empresária", - testimonial: "Cada visita ao Studio K é uma experiência de luxo. A equipe é super atenciosa e o resultado é sempre impecável. Me sinto renovada e cheia de confiança!", - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", - imageAlt: "professional female portrait smiling", - }, + id: "t1", name: "Carla Oliveira", role: "Empresária", testimonial: "Cada visita ao Studio K é uma experiência de luxo. A equipe é super atenciosa e o resultado é sempre impecável. Me sinto renovada e cheia de confiança!", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", imageAlt: "professional female portrait smiling"}, { - id: "t2", - name: "Beatriz Mendes", - role: "Designer", - testimonial: "Confio plenamente no trabalho do Studio K. Eles entendem exatamente o que eu quero e entregam um corte e uma cor que realçam minha personalidade. O melhor de Guarujá!", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg", - imageAlt: "brunette woman elegant smile portrait", - }, + id: "t2", name: "Beatriz Mendes", role: "Designer", testimonial: "Confio plenamente no trabalho do Studio K. Eles entendem exatamente o que eu quero e entregam um corte e uma cor que realçam minha personalidade. O melhor de Guarujá!", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg", imageAlt: "brunette woman elegant smile portrait"}, { - id: "t3", - name: "Sofia Costa", - role: "Advogada", - testimonial: "O ambiente do Studio K é um refúgio de tranquilidade. É mais que um salão, é um momento de autocuidado com profissionais que realmente se importam. Saio sempre satisfeita.", - imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-standing-thinking-pose-blouse-looking-happy-front-view_176474-52267.jpg", - imageAlt: "middle-aged woman elegant smile studio", - }, + id: "t3", name: "Sofia Costa", role: "Advogada", testimonial: "O ambiente do Studio K é um refúgio de tranquilidade. É mais que um salão, é um momento de autocuidado com profissionais que realmente se importam. Saio sempre satisfeita.", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-standing-thinking-pose-blouse-looking-happy-front-view_176474-52267.jpg", imageAlt: "middle-aged woman elegant smile studio"}, { - id: "t4", - name: "Larissa Fernandes", - role: "Estudante", - testimonial: "Sempre quis ter um loiro perfeito e o Studio K realizou meu sonho! A atenção aos detalhes e o cuidado com a saúde do meu cabelo são impressionantes. Recomendo muito!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-luxury-woman-white-dress_613910-10999.jpg", - imageAlt: "young adult woman stylish hair", - }, + id: "t4", name: "Larissa Fernandes", role: "Estudante", testimonial: "Sempre quis ter um loiro perfeito e o Studio K realizou meu sonho! A atenção aos detalhes e o cuidado com a saúde do meu cabelo são impressionantes. Recomendo muito!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-luxury-woman-white-dress_613910-10999.jpg", imageAlt: "young adult woman stylish hair"}, { - id: "t5", - name: "Gabriela Almeida", - role: "Fotógrafa", - testimonial: "Meu cabelo nunca esteve tão saudável e bonito. No Studio K, encontro excelência, carinho e resultados que elevam minha autoestima. É o meu lugar favorito para cuidar da beleza.", - imageSrc: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg", - imageAlt: "elegant woman short hair smiling", - }, + id: "t5", name: "Gabriela Almeida", role: "Fotógrafa", testimonial: "Meu cabelo nunca esteve tão saudável e bonito. No Studio K, encontro excelência, carinho e resultados que elevam minha autoestima. É o meu lugar favorito para cuidar da beleza.", imageSrc: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg", imageAlt: "elegant woman short hair smiling"}, ]} title="O que nossas clientes dizem" description="Depoimentos reais de mulheres que experimentaram a transformação Studio K e sentiram a diferença de um cuidado verdadeiramente premium." @@ -469,12 +271,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Vogue Beleza", - "Glamour Magazine", - "L'Oréal Professionnel", - "Wella Professionals", - "Keune Haircosmetics", - ]} + "Vogue Beleza", "Glamour Magazine", "L'Oréal Professionnel", "Wella Professionals", "Keune Haircosmetics"]} title="Sua melhor versão começa aqui." description="No Studio K, cada detalhe é pensado para que você viva uma experiência de beleza completa. Desde o primeiro contato até o resultado final, nossa equipe se dedica a proporcionar um momento de bem-estar e transformação, onde você se sente acolhida, ouvida e, acima de tudo, valorizada. Permita-se desfrutar de um ambiente onde a sofisticação e o carinho se encontram, e descubra como realçar sua beleza natural com confiança e estilo." showCard={false} @@ -485,18 +282,13 @@ export default function LandingPage() { @@ -508,58 +300,35 @@ export default function LandingPage() { logoText="Studio K" columns={[ { - title: "Navegação", - items: [ + title: "Navegação", items: [ { - label: "Home", - href: "#hero", - }, + label: "Home", href: "#hero"}, { - label: "Sobre", - href: "#about", - }, + label: "Sobre", href: "#about"}, { - label: "Serviços", - href: "#services", - }, + label: "Serviços", href: "#services"}, { - label: "Galeria", - href: "#gallery", - }, + label: "Galeria", href: "#gallery"}, ], }, { - title: "Atendimento", - items: [ + title: "Atendimento", items: [ { - label: "Agendar Horário", - href: "#contact", - }, + label: "Agendar Horário", href: "#contact"}, { - label: "Fale Conosco", - href: "https://wa.me/551330250322", - }, + label: "Fale Conosco", href: "https://wa.me/551330250322"}, { - label: "Localização", - href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere", - }, + label: "Localização", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"}, { - label: "Instagram", - href: "https://instagram.com/studiok_guaruja", - }, + label: "Instagram", href: "https://instagram.com/studiok_guaruja"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Política de Privacidade", - href: "#", - }, + label: "Política de Privacidade", href: "#"}, { - label: "Termos de Uso", - href: "#", - }, + label: "Termos de Uso", href: "#"}, ], }, ]} -- 2.49.1