149 lines
8.5 KiB
TypeScript
149 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Categorias", id: "produtos" },
|
|
{ name: "Sobre", id: "sobre" },
|
|
{ name: "Arquitetos", id: "arquitetos" },
|
|
{ name: "Depoimentos", id: "depoimentos" },
|
|
{ name: "Contato", id: "contato" },
|
|
]}
|
|
brandName="ARQLINE"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="ARQLINE"
|
|
description="Peças exclusivas das melhores manufaturas do Brasil. Design assinado, acabamento impecável, preço de fábrica."
|
|
buttons={[
|
|
{ text: "Explorar Catálogo", href: "#produtos" },
|
|
{ text: "Área do Arquiteto", href: "#arquitetos" },
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=1", imageAlt: "High-end sofa display" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=2", imageAlt: "Designer furniture collection" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=3", imageAlt: "Luxury home interior" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=4", imageAlt: "Exclusive design sofa" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=5", imageAlt: "Premium upholstery details" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=6", imageAlt: "Architectural furniture setup" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre" data-section="sobre">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Sobre ARQLINE"
|
|
title="Excelência direto da fábrica"
|
|
description="Somos a ponte entre fabricantes premium brasileiros e arquitetos. Eliminamos intermediários para garantir qualidade e preço justo."
|
|
subdescription="Sua curadoria ganha valor, seu cliente ganha exclusividade."
|
|
icon={Shield}
|
|
imageSrc="http://img.b2bpic.net/free-photo/color-palette-laptop-house-renovation_23-2148814353.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="produtos" data-section="produtos">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Sofá Aion", price: "R$ 12.800", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97508.jpg" },
|
|
{ id: "p2", name: "Sofá Lunna", price: "R$ 9.400", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204662.jpg" },
|
|
{ id: "p3", name: "Chaise Cocoon", price: "R$ 14.200", imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-sculptures_23-2151002991.jpg" },
|
|
{ id: "p4", name: "Sofá Myrtos", price: "R$ 11.600", imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-studio-design_23-2149275137.jpg" },
|
|
{ id: "p5", name: "Poltrona Aura", price: "R$ 4.200", imageSrc: "http://img.b2bpic.net/free-photo/decor-relax-pillow-room-interior_1203-4877.jpg" },
|
|
{ id: "p6", name: "Puff Versa", price: "R$ 1.800", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2343.jpg" },
|
|
]}
|
|
title="Nossa Seleção"
|
|
description="Design autoral e curadoria impecável para ambientes de alto padrão."
|
|
/>
|
|
</div>
|
|
|
|
<div id="arquitetos" data-section="arquitetos">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Catálogo Digital", description: "Monte seleções personalizadas com fotos e dimensões.", imageSrc: "http://img.b2bpic.net/free-photo/man-reading-blueprint-near-colleagues_23-2147808039.jpg?_wi=1" },
|
|
{ title: "Condições Premium", description: "Tabela de preços exclusiva com até 35% de economia.", imageSrc: "http://img.b2bpic.net/free-photo/man-reading-blueprint-near-colleagues_23-2147808039.jpg?_wi=2" },
|
|
{ title: "Suporte Técnico", description: "Blocos 3D, amostras e acompanhamento dedicado.", imageSrc: "http://img.b2bpic.net/free-photo/man-reading-blueprint-near-colleagues_23-2147808039.jpg?_wi=3" },
|
|
]}
|
|
title="Vantagens para Arquitetos"
|
|
description="Desenvolvido para agilizar sua rotina e valorizar cada projeto."
|
|
/>
|
|
</div>
|
|
|
|
<div id="depoimentos" data-section="depoimentos">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Rafael Monteiro", handle: "@rafael.interiores", testimonial: "A qualidade é excepcional, os preços imbatíveis.", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-holding-cup-coffee-standing-near-desk_23-2148187158.jpg" },
|
|
{ id: "t2", name: "Ana Beatriz", handle: "@anabeatrizarq", testimonial: "O catálogo digital facilita muito o dia a dia.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
|
{ id: "t3", name: "Marcelo Pinheiro", handle: "@marcelo.arq", testimonial: "Suporte excelente e prazos cumpridos.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-interior-designer_23-2150346508.jpg" },
|
|
{ id: "t4", name: "Juliana Lima", handle: "@juliana.design", testimonial: "Meus clientes amam as peças escolhidas.", imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-black-suit-white-tshirt-is-smiling-isolated-background_197531-26651.jpg" },
|
|
{ id: "t5", name: "Bruno Santos", handle: "@bruno.arq", testimonial: "A melhor parceria para interiores premium.", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-working-office-night-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-19163.jpg" },
|
|
]}
|
|
title="O que dizem os profissionais"
|
|
description="Veja como a ARQLINE transforma a rotina de arquitetos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
text="Pronto para elevar o nível dos seus projetos? Vamos conversar."
|
|
buttons={[{ text: "Criar conta gratuita", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Coleções", href: "#produtos" }, { label: "Produtos", href: "#produtos" }, { label: "Arquitetos", href: "#arquitetos" }, { label: "Como Funciona", href: "#como-funciona" }] },
|
|
{ items: [{ label: "Sofás Living", href: "#" }, { label: "Poltronas", href: "#" }, { label: "Chaises", href: "#" }] },
|
|
{ items: [{ label: "Privacidade", href: "#" }, { label: "Termos de Uso", href: "#" }, { label: "Contato WhatsApp", href: "#" }] },
|
|
]}
|
|
logoText="ARQLINE"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |