Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| cc187e0314 | |||
|
7cc6abaffa |
@@ -1,157 +1,30 @@
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlay
|
||||
tag="Elegância Masculina"
|
||||
title="Kasy Outlet: Qualidade e Estilo para o Homem Moderno"
|
||||
description="Descubra uma curadoria exclusiva de moda masculina, combinando sofisticação, conforto e preço justo."
|
||||
primaryButton={{
|
||||
text: "Ver Coleção",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6204.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Nossa História"
|
||||
title="Feito para quem valoriza a autoconfiança"
|
||||
description="Na Kasy Outlet, acreditamos que a moda é uma forma de expressão. Selecionamos cada peça pensando no homem contemporâneo que busca versatilidade no dia a dia, sem abrir mão de um visual impecável."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-shopping-menswear-store-talking-phone_1303-31006.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Nosso Foco"
|
||||
title="Versatilidade e Conforto"
|
||||
description="Explore os pilares que definem a curadoria da Kasy Outlet para o seu guarda-roupa."
|
||||
items={[
|
||||
{
|
||||
title: "Casual Premium",
|
||||
description: "Conforto para o seu fim de semana com elegância.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-cap-city_23-2148296631.jpg",
|
||||
},
|
||||
{
|
||||
title: "Alfaiataria Moderna",
|
||||
description: "Cortes precisos para compromissos profissionais.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-spangles-man-shoulder_23-2147982135.jpg",
|
||||
},
|
||||
{
|
||||
title: "Acessórios Essenciais",
|
||||
description: "Os detalhes que completam o seu estilo.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9454.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Depoimentos"
|
||||
title="O que nossos clientes dizem"
|
||||
description="Veja como a Kasy Outlet transformou o estilo de nossos clientes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ricardo Silva",
|
||||
role: "Empresário",
|
||||
quote: "A curadoria é impecável. Encontrei exatamente o que precisava.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fernando Lima",
|
||||
role: "Advogado",
|
||||
quote: "As peças de alfaiataria superaram minhas expectativas de qualidade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-1227.jpg",
|
||||
},
|
||||
{
|
||||
name: "João Pedro",
|
||||
role: "Arquiteto",
|
||||
quote: "Atendimento rápido e roupas com um caimento perfeito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-elegant-classic-suit-smiling-posing-white-background_140725-121971.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos Mendes",
|
||||
role: "Consultor",
|
||||
quote: "Melhor custo-benefício de moda masculina na região.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-modern-stylish-male-glance-grey-background_613910-1586.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bruno Souza",
|
||||
role: "Engenheiro",
|
||||
quote: "Roupas versáteis que funcionam em qualquer ambiente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-hipster-man-looking-camera-isolated_171337-14321.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Ajuda"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Preparamos respostas rápidas para facilitar sua experiência de compra."
|
||||
items={[
|
||||
{
|
||||
question: "Como funciona o atendimento?",
|
||||
answer: "Atendemos via WhatsApp para consultoria de estilo e pedidos.",
|
||||
},
|
||||
{
|
||||
question: "Como posso realizar trocas?",
|
||||
answer: "Você tem até 30 dias para realizar trocas conosco.",
|
||||
},
|
||||
{
|
||||
question: "Quais as formas de pagamento?",
|
||||
answer: "Aceitamos PIX, cartões de crédito e débito.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-mobile-phone-wardrobe_23-2148401439.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contato"
|
||||
text="Pronto para elevar o seu nível? Entre em contato agora pelo WhatsApp."
|
||||
primaryButton={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com/kasyoutlet",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
21
src/pages/HomePage/sections/About.tsx
Normal file
21
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Sobre a Kasy"
|
||||
title="Curadoria e Tradição em Moda Masculina"
|
||||
description="A Kasy Outlet nasceu da paixão por moda masculina e do desejo de oferecer peças que unem estilo, conforto e durabilidade. Nossa curadoria é rigorosa: selecionamos marcas e produtos que refletem a essência do homem moderno, garantindo que cada item em nossa loja seja sinônimo de qualidade e sofisticação. Mais do que roupas, entregamos confiança e elegância para todas as ocasiões."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-shopping-menswear-store-talking-phone_1303-31006.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contato"
|
||||
text="Pronto para elevar o seu nível? Entre em contato agora pelo WhatsApp."
|
||||
primaryButton={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com/kasyoutlet",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Faq.tsx
Normal file
35
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Ajuda"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Preparamos respostas rápidas para facilitar sua experiência de compra."
|
||||
items={[
|
||||
{
|
||||
question: "Como funciona o atendimento?",
|
||||
answer: "Atendemos via WhatsApp para consultoria de estilo e pedidos.",
|
||||
},
|
||||
{
|
||||
question: "Como posso realizar trocas?",
|
||||
answer: "Você tem até 30 dias para realizar trocas conosco.",
|
||||
},
|
||||
{
|
||||
question: "Quais as formas de pagamento?",
|
||||
answer: "Aceitamos PIX, cartões de crédito e débito.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-mobile-phone-wardrobe_23-2148401439.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
40
src/pages/HomePage/sections/Features.tsx
Normal file
40
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Nosso Foco"
|
||||
title="Versatilidade e Conforto"
|
||||
description="Explore os pilares que definem a curadoria da Kasy Outlet para o seu guarda-roupa."
|
||||
items={[
|
||||
{
|
||||
title: "Casual Premium",
|
||||
description: "Conforto para o seu fim de semana com elegância.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-cap-city_23-2148296631.jpg",
|
||||
},
|
||||
{
|
||||
title: "Alfaiataria Moderna",
|
||||
description: "Cortes precisos para compromissos profissionais.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-spangles-man-shoulder_23-2147982135.jpg",
|
||||
},
|
||||
{
|
||||
title: "Acessórios Essenciais",
|
||||
description: "Os detalhes que completam o seu estilo.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9454.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroOverlay
|
||||
tag="Elegância Masculina"
|
||||
title="Kasy Outlet: Qualidade e Estilo para o Homem Moderno"
|
||||
description="Descubra uma curadoria exclusiva de moda masculina, combinando sofisticação, conforto e preço justo."
|
||||
primaryButton={{
|
||||
text: "Ver Coleção",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5511999999999",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6204.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeCards
|
||||
tag="Depoimentos"
|
||||
title="O que nossos clientes dizem"
|
||||
description="Veja como a Kasy Outlet transformou o estilo de nossos clientes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ricardo Silva",
|
||||
role: "Empresário",
|
||||
quote: "A curadoria é impecável. Encontrei exatamente o que precisava.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fernando Lima",
|
||||
role: "Advogado",
|
||||
quote: "As peças de alfaiataria superaram minhas expectativas de qualidade.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-1227.jpg",
|
||||
},
|
||||
{
|
||||
name: "João Pedro",
|
||||
role: "Arquiteto",
|
||||
quote: "Atendimento rápido e roupas com um caimento perfeito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-elegant-classic-suit-smiling-posing-white-background_140725-121971.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos Mendes",
|
||||
role: "Consultor",
|
||||
quote: "Melhor custo-benefício de moda masculina na região.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-modern-stylish-male-glance-grey-background_613910-1586.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bruno Souza",
|
||||
role: "Engenheiro",
|
||||
quote: "Roupas versáteis que funcionam em qualquer ambiente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-hipster-man-looking-camera-isolated_171337-14321.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user