238 lines
13 KiB
TypeScript
238 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Clock, Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "hero"},
|
|
{
|
|
name: "Produtos", id: "products"},
|
|
{
|
|
name: "Sobre", id: "about"},
|
|
{
|
|
name: "Contato", id: "contact"},
|
|
]}
|
|
brandName="Atacadão Augusta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Tudo para sua obra do começo ao fim"
|
|
description="Qualidade, preço baixo e entrega rápida. O Atacadão Augusta é seu parceiro em todas as etapas da reforma e construção."
|
|
buttons={[
|
|
{
|
|
text: "Ver produtos", href: "#products"},
|
|
{
|
|
text: "Falar no WhatsApp", href: "https://wa.me/5500000000000"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-red-door_181624-16517.jpg?_wi=1"
|
|
imageAlt="Loja de materiais de construção"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/brick-factory-that-burned-brick_1150-15104.jpg", alt: "Construtor 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207730.jpg", alt: "Construtor 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/factory_23-2148098552.jpg", alt: "Construtor 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/workman-store-house-orange-helmet_1303-28084.jpg", alt: "Construtor 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/low-angle-view-happy-senior-manager-greeting-his-employees-factory-warehouse-me-are-shaking-hands_637285-4192.jpg", alt: "Construtor 5"},
|
|
]}
|
|
avatarText="Mais de 5.000 clientes satisfeitos atendidos"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Entrega Rápida"},
|
|
{
|
|
type: "text", text: "Preço de Atacado"},
|
|
{
|
|
type: "text", text: "Produtos Originais"},
|
|
{
|
|
type: "text", text: "Suporte Técnico"},
|
|
{
|
|
type: "text", text: "Estoque Completo"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Cimento e Argamassa", description: "Qualidade superior para alicerces e acabamentos.", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219677.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-15997.jpg", buttonText: "Ver Cimentos"},
|
|
{
|
|
title: "Ferramentas", description: "Equipamentos profissionais e resistentes.", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/mechanic-supplies-composition-high-angle_23-2149511906.jpg", buttonText: "Ver Ferramentas"},
|
|
{
|
|
title: "Tintas", description: "Variedade em cores e acabamentos.", imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-cans-shelves_23-2151934723.jpg?_wi=1", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705355.jpg", buttonText: "Ver Tintas"},
|
|
{
|
|
title: "Elétrica e Hidráulica", description: "Tudo para infraestrutura e reparos.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-plastic-polymer-granules-cable_93675-129273.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/tapes-with-plug-screwdriwers_23-2147743028.jpg", buttonText: "Ver Elétrica"},
|
|
]}
|
|
title="Categorias em Destaque"
|
|
description="Temos tudo o que você precisa para uma obra perfeita."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Saco de Cimento 50kg", price: "R$ 35,90", imageSrc: "http://img.b2bpic.net/free-photo/big-blank-bulky-sealed-package-with-product-presented-front-carton-craft-box_346278-579.jpg"},
|
|
{
|
|
id: "p2", name: "Furadeira de Impacto Pro", price: "R$ 499,00", imageSrc: "http://img.b2bpic.net/free-photo/scattered-metal-nails-white-surface_191095-100095.jpg"},
|
|
{
|
|
id: "p3", name: "Tinta Acrílica Branca 18L", price: "R$ 289,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705288.jpg"},
|
|
{
|
|
id: "p4", name: "Kit Tubos e Conexões", price: "R$ 159,90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062950.jpg"},
|
|
{
|
|
id: "p5", name: "Bloco de Concreto Estrutural", price: "R$ 4,50", imageSrc: "http://img.b2bpic.net/free-photo/red-brown-brick-wall-background_53876-74721.jpg"},
|
|
{
|
|
id: "p6", name: "Lixadeira Profissional", price: "R$ 349,00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-many-tools_23-2147773434.jpg"},
|
|
]}
|
|
title="Nossos Produtos"
|
|
description="Confira nossa seleção exclusiva com preços de atacado."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Sobre o Atacadão Augusta"
|
|
description="Com anos de história no mercado de construção, nossa missão é ajudar você a realizar o sonho da casa própria ou da reforma ideal, sempre com foco em economia, qualidade e rapidez. Valorizamos a confiança que nossos clientes depositam em nós em cada etapa da obra."
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="shipping" data-section="shipping">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Truck,
|
|
title: "Entrega Rápida", value: "24h"},
|
|
{
|
|
id: "m2", icon: Clock,
|
|
title: "Tempo de Atendimento", value: "15min"},
|
|
{
|
|
id: "m3", icon: Award,
|
|
title: "Clientes Satisfeitos", value: "5.000+"},
|
|
]}
|
|
title="Eficiência e Entrega"
|
|
description="Comprometidos em levar sua obra adiante com máxima agilidade."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carlos Silva", date: "12/05/2024", title: "Engenheiro", quote: "Preços imbatíveis e entrega muito pontual.", tag: "Construtor", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg", imageSrc: "http://img.b2bpic.net/free-photo/staircase-near-blue-wall-garage-leading-red-door_181624-16517.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
|
{
|
|
id: "2", name: "Ana Paula", date: "10/05/2024", title: "Arquiteta", quote: "Excelente atendimento e materiais de primeira.", tag: "Arquitetura", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-blonde-engineer-builder-girl-uniform-dental-braces-doing-peace-sign-isolated-white-space_141793-92550.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
|
{
|
|
id: "3", name: "Ricardo Souza", date: "05/05/2024", title: "Proprietário", quote: "Recomendo a todos que querem reformar sem dor de cabeça.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589580.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150219677.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
|
{
|
|
id: "4", name: "Mariana Lima", date: "02/05/2024", title: "Empresária", quote: "O melhor lugar para encontrar tudo para a obra.", tag: "Cliente", avatarSrc: "http://img.b2bpic.net/free-photo/woodworking-engineer-male-worker-using-laptop-while-analyzing-design-plans-factory_637285-11903.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
|
{
|
|
id: "5", name: "Pedro Alves", date: "01/05/2024", title: "Construtor", quote: "Profissionalismo e rapidez em cada entrega.", tag: "Construtor", avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg", imageSrc: "http://img.b2bpic.net/free-photo/metallic-paint-cans-shelves_23-2151934723.jpg?_wi=2", imageAlt: "happy construction client construction site"},
|
|
]}
|
|
title="O que dizem nossos clientes"
|
|
description="A confiança de quem já construiu com o Atacadão Augusta."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Fale com a gente"
|
|
description="Solicite seu orçamento gratuito hoje e receba uma resposta em até 15 minutos."
|
|
buttonText="Solicitar Orçamento Agora"
|
|
inputs={[
|
|
{
|
|
name: "nome", type: "text", placeholder: "Seu Nome", required: true,
|
|
},
|
|
{
|
|
name: "telefone", type: "tel", placeholder: "Seu WhatsApp", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "mensagem", placeholder: "Como podemos ajudar na sua obra?", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/executives-preparing-warehouse-delivery_482257-75324.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Produtos", href: "#products"},
|
|
{
|
|
label: "Sobre Nós", href: "#about"},
|
|
{
|
|
label: "Contato", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Política de Entrega", href: "#"},
|
|
{
|
|
label: "Privacidade", href: "#"},
|
|
{
|
|
label: "Termos", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Atacadão Augusta"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |