bender/b7c6df12-d923-409b-9e42-5acb19a023f5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 15:03:02 +00:00
parent b7174215a1
commit 896721dfb7
1 changed files with 157 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

512
src/app/page.tsx
View File

@@ -16,372 +16,174 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Sobre",
id: "about",
},
{
name: "Serviços",
id: "features",
},
{
name: "Trabalhos",
id: "blog",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="TAYLOR SAULO"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Início", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Serviços", id: "features" },
{ name: "Trabalhos", id: "blog" },
{ name: "Contacto", id: "contact" },
]}
brandName="TAYLOR SAULO"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="TAYLOR SAULO"
description="Empresa especializada em corte, costura, confecção e concerto de roupas. Qualidade, elegância e atenção aos detalhes."
testimonials={[
{
name: "Maria Silva",
handle: "@mariasilva",
testimonial: "Excelente serviço de costura! Minhas roupas ficaram perfeitas.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278354.jpg",
},
{
name: "João Santos",
handle: "@joaosantos",
testimonial: "A atenção aos detalhes na confecção foi incrível.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736730.jpg",
},
{
name: "Ana Oliveira",
handle: "@anaoli",
testimonial: "Rápido e muito profissional, recomendo muito.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-judge-international-day-women-judges_23-2151932096.jpg",
},
{
name: "Carlos Lima",
handle: "@carloslima",
testimonial: "O melhor ajuste que já fiz em um terno.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-from-back-man-looking-mirror_171337-18980.jpg",
},
{
name: "Luísa Mendes",
handle: "@luisamendes",
testimonial: "Atendimento nota 10 e acabamento impecável.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19832.jpg",
},
]}
buttons={[
{
text: "WhatsApp",
href: "https://wa.me/258876625096",
},
{
text: "Localização",
href: "https://maps.app.goo.gl/q7QrHCB3AWpjAA9b6?g_st=ac",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-industrial-sewing-machine_482257-90413.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-enterprising-young-woman-making-remark-holding-forefinger-up_1262-14330.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/funny-silly-woman-mimicking-puppy_176420-19394.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-mirror_1301-1468.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3269.jpg",
alt: "Client 5",
},
]}
avatarText="Junte-se a mais de 500 clientes satisfeitos"
marqueeItems={[
{
type: "text",
text: "Alta Costura",
},
{
type: "text",
text: "Ajustes de Precisão",
},
{
type: "text",
text: "Confecção Sob Medida",
},
{
type: "text",
text: "Qualidade Garantida",
},
{
type: "text",
text: "Acabamento Profissional",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="TAYLOR SAULO"
description="Empresa especializada em corte, costura, confecção e concerto de roupas. Qualidade, elegância e atenção aos detalhes."
testimonials={[
{ name: "Maria Silva", handle: "@mariasilva", testimonial: "Excelente serviço de costura! Minhas roupas ficaram perfeitas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278354.jpg" },
{ name: "João Santos", handle: "@joaosantos", testimonial: "A atenção aos detalhes na confecção foi incrível.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736730.jpg" },
{ name: "Ana Oliveira", handle: "@anaoli", testimonial: "Rápido e muito profissional, recomendo muito.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-judge-international-day-women-judges_23-2151932096.jpg" },
{ name: "Carlos Lima", handle: "@carloslima", testimonial: "O melhor ajuste que já fiz em um terno.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-from-back-man-looking-mirror_171337-18980.jpg" },
{ name: "Luísa Mendes", handle: "@luisamendes", testimonial: "Atendimento nota 10 e acabamento impecável.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-hat-shop_1303-19832.jpg" }
]}
buttons={[
{ text: "WhatsApp", href: "https://wa.me/258876625096" },
{ text: "Localização", href: "https://maps.app.goo.gl/q7QrHCB3AWpjAA9b6?g_st=ac" }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-industrial-sewing-machine_482257-90413.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/positive-enterprising-young-woman-making-remark-holding-forefinger-up_1262-14330.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/funny-silly-woman-mimicking-puppy_176420-19394.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-mirror_1301-1468.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3269.jpg", alt: "Client 5" }
]}
avatarText="Junte-se a mais de 500 clientes satisfeitos"
marqueeItems={[
{ type: "text", text: "Alta Costura" },
{ type: "text", text: "Ajustes de Precisão" },
{ type: "text", text: "Confecção Sob Medida" },
{ type: "text", text: "Qualidade Garantida" },
{ type: "text", text: "Acabamento Profissional" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Sobre Nós"
description="Criamos roupas elegantes, modernas e confortáveis, valorizando a satisfação de cada cliente através de um acabamento impecável."
metrics={[
{
value: "100%",
title: "Qualidade",
},
{
value: "10+",
title: "Anos",
},
{
value: "500+",
title: "Peças",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-sewing-accesories-with-scissors_23-2148586834.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Sobre Nós"
description="Criamos roupas elegantes, modernas e confortáveis, valorizando a satisfação de cada cliente através de um acabamento impecável."
metrics={[
{ value: "100%", title: "Qualidade" },
{ value: "10+", title: "Anos" },
{ value: "500+", title: "Peças" }
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-sewing-accesories-with-scissors_23-2148586834.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Corte & Costura",
description: "Produção sob medida com acabamento profissional.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg",
},
{
title: "Confecção",
description: "Criação de peças exclusivas e elegantes.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-drawing-shapes_23-2149728643.jpg",
},
{
title: "Concertos",
description: "Ajustes, reparações e customizações.",
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647297.jpg",
},
]}
title="Nossos Serviços"
description="Oferecemos soluções completas para o seu vestuário."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSix
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Corte & Costura", description: "Produção sob medida com acabamento profissional.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg" },
{ title: "Confecção", description: "Criação de peças exclusivas e elegantes.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-drawing-shapes_23-2149728643.jpg" },
{ title: "Concertos", description: "Ajustes, reparações e customizações.", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647297.jpg" }
]}
title="Nossos Serviços"
description="Oferecemos soluções completas para o seu vestuário."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Taylor Saulo",
role: "Mestre Alfaiate",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-finger-his-thumb-up-suit-looking-serious_176474-10977.jpg",
},
{
id: "t2",
name: "Ana Silva",
role: "Costureira Especialista",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-cute-smiling-brunette-woman-girl-casual-green-hipster-summer-clothes-with-no-makeup-isolated-showing-thumbs-up-sign_158538-12242.jpg",
},
{
id: "t3",
name: "Pedro Souza",
role: "Modelista",
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
},
]}
title="Equipa Especializada"
description="Profissionais dedicados a transformar ideias em realidade."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
team={[
{ id: "t1", name: "Taylor Saulo", role: "Mestre Alfaiate", imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-finger-his-thumb-up-suit-looking-serious_176474-10977.jpg" },
{ id: "t2", name: "Ana Silva", role: "Costureira Especialista", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-cute-smiling-brunette-woman-girl-casual-green-hipster-summer-clothes-with-no-makeup-isolated-showing-thumbs-up-sign_158538-12242.jpg" },
{ id: "t3", name: "Pedro Souza", role: "Modelista", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg" }
]}
title="Equipa Especializada"
description="Profissionais dedicados a transformar ideias em realidade."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "João",
date: "Jan 2026",
title: "Cliente",
quote: "Melhor serviço de costura da região.",
tag: "Sucesso",
avatarSrc: "http://img.b2bpic.net/free-photo/positive-business-man-gesturing-call-me_1262-17147.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-mirror_23-2149027098.jpg",
},
{
id: "2",
name: "Maria",
date: "Fev 2026",
title: "Cliente",
quote: "Adorei o ajuste no meu vestido.",
tag: "Elegância",
avatarSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929556.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/group-businesspeople-meeting-indoors_23-2148824873.jpg",
},
{
id: "3",
name: "Pedro",
date: "Mar 2026",
title: "Cliente",
quote: "Trabalho muito profissional.",
tag: "Qualidade",
avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg",
},
{
id: "4",
name: "Luísa",
date: "Abr 2026",
title: "Cliente",
quote: "Minha peça ficou excelente.",
tag: "Moda",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing_23-2149518273.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9548.jpg",
},
{
id: "5",
name: "Carlos",
date: "Mai 2026",
title: "Cliente",
quote: "Muito recomendado.",
tag: "Confiança",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9701.jpg",
},
]}
title="Clientes Satisfeitos"
description="Veja o que dizem sobre o nosso trabalho."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "João", date: "Jan 2026", title: "Cliente", quote: "Melhor serviço de costura da região.", tag: "Sucesso", avatarSrc: "http://img.b2bpic.net/free-photo/positive-business-man-gesturing-call-me_1262-17147.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-mirror_23-2149027098.jpg" },
{ id: "2", name: "Maria", date: "Fev 2026", title: "Cliente", quote: "Adorei o ajuste no meu vestido.", tag: "Elegância", avatarSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929556.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-businesspeople-meeting-indoors_23-2148824873.jpg" },
{ id: "3", name: "Pedro", date: "Mar 2026", title: "Cliente", quote: "Trabalho muito profissional.", tag: "Qualidade", avatarSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg" },
{ id: "4", name: "Luísa", date: "Abr 2026", title: "Cliente", quote: "Minha peça ficou excelente.", tag: "Moda", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing_23-2149518273.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9548.jpg" },
{ id: "5", name: "Carlos", date: "Mai 2026", title: "Cliente", quote: "Muito recomendado.", tag: "Confiança", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9701.jpg" }
]}
title="Clientes Satisfeitos"
description="Veja o que dizem sobre o nosso trabalho."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Como faço um orçamento?",
content: "Pode nos contactar diretamente via WhatsApp.",
},
{
id: "q2",
title: "Quanto tempo demora o concerto?",
content: "Depende da peça e do tipo de serviço, consulte-nos.",
},
{
id: "q3",
title: "Aceitam encomendas grandes?",
content: "Sim, fazemos confecção sob consulta.",
},
]}
title="Dúvidas Frequentes"
description="Perguntas comuns sobre nossos serviços."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Como faço um orçamento?", content: "Pode nos contactar diretamente via WhatsApp." },
{ id: "q2", title: "Quanto tempo demora o concerto?", content: "Depende da peça e do tipo de serviço, consulte-nos." },
{ id: "q3", title: "Aceitam encomendas grandes?", content: "Sim, fazemos confecção sob consulta." }
]}
title="Dúvidas Frequentes"
description="Perguntas comuns sobre nossos serviços."
faqsAnimation="slide-up"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Trabalhos Recentes"
description="Alguns projetos realizados recentemente."
blogs={[
{
id: "b1",
category: "Moda",
title: "Vestidos Elegantes",
excerpt: "Projetos de alta costura.",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13529.jpg",
authorName: "Taylor",
authorAvatar: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
date: "2026",
},
{
id: "b2",
category: "Concertos",
title: "Ajustes Precisos",
excerpt: "Melhorias em peças diárias.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cardboard_23-2148875319.jpg",
authorName: "Taylor",
authorAvatar: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
date: "2026",
},
{
id: "b3",
category: "Confecção",
title: "Roupas Sociais",
excerpt: "Estilo e elegância.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-with-thread-needles_23-2148739400.jpg",
authorName: "Taylor",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-korean-girl-cafe-drinking-coffee-using-mobile-phone-reading-book-cozy-place_1258-199135.jpg",
date: "2026",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Trabalhos Recentes"
description="Alguns projetos realizados recentemente."
blogs={[
{ id: "b1", category: "Moda", title: "Vestidos Elegantes", excerpt: "Projetos de alta costura.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13529.jpg", authorName: "Taylor", authorAvatar: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg", date: "2026" },
{ id: "b2", category: "Concertos", title: "Ajustes Precisos", excerpt: "Melhorias em peças diárias.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cardboard_23-2148875319.jpg", authorName: "Taylor", authorAvatar: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg", date: "2026" },
{ id: "b3", category: "Confecção", title: "Roupas Sociais", excerpt: "Estilo e elegância.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-with-thread-needles_23-2148739400.jpg", authorName: "Taylor", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-korean-girl-cafe-drinking-coffee-using-mobile-phone-reading-book-cozy-place_1258-199135.jpg", date: "2026" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contacto"
title="Fale Conosco"
description="Estamos disponíveis para atender sua encomenda."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contacto"
title="Fale Conosco"
description="Estamos disponíveis para atender sua encomenda."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="TAYLOR SAULO"
copyrightText="© 2026 TAYLOR SAULO. Todos os direitos reservados."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="TAYLOR SAULO"
copyrightText="© 2026 TAYLOR SAULO. Todos os direitos reservados."
/>
</div>
</ReactLenis>
</ThemeProvider>
);