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() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Início", id: "hero" },
name: "Início", { name: "Sobre", id: "about" },
id: "hero", { name: "Serviços", id: "features" },
}, { name: "Trabalhos", id: "blog" },
{ { name: "Contacto", id: "contact" },
name: "Sobre", ]}
id: "about", brandName="TAYLOR SAULO"
}, />
{ </div>
name: "Serviços",
id: "features",
},
{
name: "Trabalhos",
id: "blog",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="TAYLOR SAULO"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{ variant: "gradient-bars" }}
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."
title="TAYLOR SAULO" testimonials={[
description="Empresa especializada em corte, costura, confecção e concerto de roupas. Qualidade, elegância e atenção aos detalhes." { 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" },
testimonials={[ { 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: "Maria Silva", { 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" },
handle: "@mariasilva", { 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" }
testimonial: "Excelente serviço de costura! Minhas roupas ficaram perfeitas.", ]}
rating: 5, buttons={[
imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278354.jpg", { text: "WhatsApp", href: "https://wa.me/258876625096" },
}, { text: "Localização", href: "https://maps.app.goo.gl/q7QrHCB3AWpjAA9b6?g_st=ac" }
{ ]}
name: "João Santos", imageSrc="http://img.b2bpic.net/free-photo/close-up-industrial-sewing-machine_482257-90413.jpg"
handle: "@joaosantos", mediaAnimation="slide-up"
testimonial: "A atenção aos detalhes na confecção foi incrível.", avatars={[
rating: 5, { src: "http://img.b2bpic.net/free-photo/positive-enterprising-young-woman-making-remark-holding-forefinger-up_1262-14330.jpg", alt: "Client 1" },
imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736730.jpg", { 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" },
name: "Ana Oliveira", { src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3269.jpg", alt: "Client 5" }
handle: "@anaoli", ]}
testimonial: "Rápido e muito profissional, recomendo muito.", avatarText="Junte-se a mais de 500 clientes satisfeitos"
rating: 4, marqueeItems={[
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-judge-international-day-women-judges_23-2151932096.jpg", { type: "text", text: "Alta Costura" },
}, { type: "text", text: "Ajustes de Precisão" },
{ { type: "text", text: "Confecção Sob Medida" },
name: "Carlos Lima", { type: "text", text: "Qualidade Garantida" },
handle: "@carloslima", { type: "text", text: "Acabamento Profissional" }
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", </div>
},
{
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"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Sobre Nós" 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." description="Criamos roupas elegantes, modernas e confortáveis, valorizando a satisfação de cada cliente através de um acabamento impecável."
metrics={[ metrics={[
{ { value: "100%", title: "Qualidade" },
value: "100%", { value: "10+", title: "Anos" },
title: "Qualidade", { value: "500+", title: "Peças" }
}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/top-view-sewing-accesories-with-scissors_23-2148586834.jpg"
value: "10+", mediaAnimation="slide-up"
title: "Anos", metricsAnimation="slide-up"
}, />
{ </div>
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"> <div id="features" data-section="features">
<FeatureCardSix <FeatureCardSix
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ 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: "Corte & Costura", { 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" },
description: "Produção sob medida com acabamento profissional.", { title: "Concertos", description: "Ajustes, reparações e customizações.", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647297.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg", ]}
}, title="Nossos Serviços"
{ description="Oferecemos soluções completas para o seu vestuário."
title: "Confecção", />
description: "Criação de peças exclusivas e elegantes.", </div>
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"> <div id="team" data-section="team">
<TeamCardFive <TeamCardFive
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
team={[ 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: "t1", { 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" },
name: "Taylor Saulo", { id: "t3", name: "Pedro Souza", role: "Modelista", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg" }
role: "Mestre Alfaiate", ]}
imageSrc: "http://img.b2bpic.net/free-photo/young-man-pointing-finger-his-thumb-up-suit-looking-serious_176474-10977.jpg", title="Equipa Especializada"
}, description="Profissionais dedicados a transformar ideias em realidade."
{ />
id: "t2", </div>
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ 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: "1", { 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" },
name: "João", { 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" },
date: "Jan 2026", { 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" },
title: "Cliente", { 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" }
quote: "Melhor serviço de costura da região.", ]}
tag: "Sucesso", title="Clientes Satisfeitos"
avatarSrc: "http://img.b2bpic.net/free-photo/positive-business-man-gesturing-call-me_1262-17147.jpg", description="Veja o que dizem sobre o nosso trabalho."
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-looking-mirror_23-2149027098.jpg", />
}, </div>
{
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"> <div id="faq" data-section="faq">
<FaqBase <FaqBase
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "q1", title: "Como faço um orçamento?", content: "Pode nos contactar diretamente via WhatsApp." },
id: "q1", { id: "q2", title: "Quanto tempo demora o concerto?", content: "Depende da peça e do tipo de serviço, consulte-nos." },
title: "Como faço um orçamento?", { id: "q3", title: "Aceitam encomendas grandes?", content: "Sim, fazemos confecção sob consulta." }
content: "Pode nos contactar diretamente via WhatsApp.", ]}
}, title="Dúvidas Frequentes"
{ description="Perguntas comuns sobre nossos serviços."
id: "q2", faqsAnimation="slide-up"
title: "Quanto tempo demora o concerto?", />
content: "Depende da peça e do tipo de serviço, consulte-nos.", </div>
},
{
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"> <div id="blog" data-section="blog">
<BlogCardTwo <BlogCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="Trabalhos Recentes" title="Trabalhos Recentes"
description="Alguns projetos realizados recentemente." description="Alguns projetos realizados recentemente."
blogs={[ 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: "b1", { 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" },
category: "Moda", { 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" }
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", </div>
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"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Contacto"
}} title="Fale Conosco"
tag="Contacto" description="Estamos disponíveis para atender sua encomenda."
title="Fale Conosco" />
description="Estamos disponíveis para atender sua encomenda." </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="TAYLOR SAULO" logoText="TAYLOR SAULO"
copyrightText="© 2026 TAYLOR SAULO. Todos os direitos reservados." copyrightText="© 2026 TAYLOR SAULO. Todos os direitos reservados."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );