Update src/app/page.tsx
This commit is contained in:
315
src/app/page.tsx
315
src/app/page.tsx
@@ -18,230 +18,115 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Grão Verde"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "features" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Grão Verde"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Excelência no Transporte de Sementes"
|
||||
description="16 anos de história conectando a colheita com confiança e qualidade. Sua carga em boas mãos com quem entende do campo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Frete via WhatsApp",
|
||||
href: "https://wa.me/5566999006630",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248834.jpg"
|
||||
imageAlt="Transporte de sementes profissional"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Excelência no Transporte de Sementes"
|
||||
description="16 anos de história conectando a colheita com confiança e qualidade. Sua carga em boas mãos com quem entende do campo."
|
||||
buttons={[{ text: "Solicitar Frete via WhatsApp", href: "https://wa.me/5566999006630" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248834.jpg"
|
||||
imageAlt="Transporte de sementes profissional"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Nossa Trajetória"
|
||||
metrics={[
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Anos de História",
|
||||
value: "16",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Qualidade Garantida",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clientes Satisfeitos",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Nossa Trajetória"
|
||||
metrics={[
|
||||
{ icon: Truck, label: "Anos de História", value: "16" },
|
||||
{ icon: Award, label: "Qualidade Garantida", value: "100%" },
|
||||
{ icon: Users, label: "Clientes Satisfeitos", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Frota Dedicada",
|
||||
subtitle: "Veículos preparados para sementes",
|
||||
category: "Segurança",
|
||||
value: "Segurança máxima",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Logística Pontual",
|
||||
subtitle: "Entrega conforme o prazo",
|
||||
category: "Agilidade",
|
||||
value: "Sem atrasos",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Atendimento Local",
|
||||
subtitle: "Campo Verde-MT e região",
|
||||
category: "Proximidade",
|
||||
value: "Sempre prontos",
|
||||
},
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Transporte especializado para o agronegócio com foco em agilidade e segurança."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Frota Dedicada", subtitle: "Veículos preparados para sementes", category: "Segurança", value: "Segurança máxima" },
|
||||
{ id: "f2", title: "Logística Pontual", subtitle: "Entrega conforme o prazo", category: "Agilidade", value: "Sem atrasos" },
|
||||
{ id: "f3", title: "Atendimento Local", subtitle: "Campo Verde-MT e região", category: "Proximidade", value: "Sempre prontos" },
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Transporte especializado para o agronegócio com foco em agilidade e segurança."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "MT",
|
||||
title: "Atuação",
|
||||
items: [
|
||||
"Região Central",
|
||||
"Campo Verde",
|
||||
"Região Próxima",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Nossa Presença"
|
||||
description="Focados em atender a demanda de Mato Grosso com máxima dedicação."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "MT", title: "Atuação", items: ["Região Central", "Campo Verde", "Região Próxima"] },
|
||||
]}
|
||||
title="Nossa Presença"
|
||||
description="Focados em atender a demanda de Mato Grosso com máxima dedicação."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "João Silva",
|
||||
role: "Produtor",
|
||||
testimonial: "Sempre pontuais e seguros com a carga.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-pointing-with-his-finger-up_23-2148233491.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Souza",
|
||||
role: "Empresária",
|
||||
testimonial: "Confiança total no transporte de sementes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-holding-hands-melon-plantation_1150-10605.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carlos Lima",
|
||||
role: "Agro",
|
||||
testimonial: "Excelente atendimento e preço justo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-near-cistern-railway_1398-1878.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Pedro Costa",
|
||||
role: "Produtor",
|
||||
testimonial: "Transportadora de confiança em MT.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-farmland_23-2148579758.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana Oliveira",
|
||||
role: "Agrônoma",
|
||||
testimonial: "Recomendo a qualidade do serviço.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/partnership-farmers_1098-14821.jpg",
|
||||
},
|
||||
]}
|
||||
title="Depoimentos de Parceiros"
|
||||
description="O que nossos clientes dizem sobre nossa parceria."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "João Silva", role: "Produtor", testimonial: "Sempre pontuais e seguros com a carga.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-pointing-with-his-finger-up_23-2148233491.jpg" },
|
||||
{ id: "t2", name: "Maria Souza", role: "Empresária", testimonial: "Confiança total no transporte de sementes.", imageSrc: "http://img.b2bpic.net/free-photo/women-holding-hands-melon-plantation_1150-10605.jpg" },
|
||||
{ id: "t3", name: "Carlos Lima", role: "Agro", testimonial: "Excelente atendimento e preço justo.", imageSrc: "http://img.b2bpic.net/free-photo/worker-near-cistern-railway_1398-1878.jpg" },
|
||||
{ id: "t4", name: "Pedro Costa", role: "Produtor", testimonial: "Transportadora de confiança em MT.", imageSrc: "http://img.b2bpic.net/free-photo/man-farmland_23-2148579758.jpg" },
|
||||
{ id: "t5", name: "Ana Oliveira", role: "Agrônoma", testimonial: "Recomendo a qualidade do serviço.", imageSrc: "http://img.b2bpic.net/free-photo/partnership-farmers_1098-14821.jpg" },
|
||||
]}
|
||||
title="Depoimentos de Parceiros"
|
||||
description="O que nossos clientes dizem sobre nossa parceria."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Precisa de transporte para sua carga? Entre em contato e solicite seu orçamento agora mesmo pelo WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chamar no WhatsApp",
|
||||
href: "https://wa.me/5566999006630",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Precisa de transporte para sua carga? Entre em contato e solicite seu orçamento agora mesmo pelo WhatsApp."
|
||||
buttons={[{ text: "Chamar no WhatsApp", href: "https://wa.me/5566999006630" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Grão Verde"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/transportadoragraoverde/",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Transportadora Grão Verde - Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Grão Verde"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Início", href: "#hero" }, { label: "Sobre", href: "#about" }, { label: "Serviços", href: "#features" }, { label: "Contato", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "https://www.instagram.com/transportadoragraoverde/" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Transportadora Grão Verde - Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user