Update src/app/page.tsx
This commit is contained in:
280
src/app/page.tsx
280
src/app/page.tsx
@@ -6,11 +6,12 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Camera, Calculator, CalendarCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Veículos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Veículos", id: "products" },
|
||||
{ name: "Experiência", id: "dealership-services" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Stand3D"
|
||||
/>
|
||||
@@ -54,101 +44,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="O seu próximo veículo premium está aqui."
|
||||
description="Descubra a excelência em performance e design. Oferecemos uma seleção criteriosa de automóveis com garantia de qualidade."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ricardo Silva",
|
||||
handle: "@ricardosilva",
|
||||
testimonial: "Excelente atendimento e carros impecáveis. Recomendo!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=1",
|
||||
imageAlt: "modern luxury car studio photography",
|
||||
},
|
||||
{
|
||||
name: "Ana Souza",
|
||||
handle: "@anasouza",
|
||||
testimonial: "O processo de compra foi rápido e sem burocracia.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-interesting-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16076.jpg",
|
||||
imageAlt: "modern luxury car studio photography",
|
||||
},
|
||||
{
|
||||
name: "Bruno Costa",
|
||||
handle: "@brunocosta",
|
||||
testimonial: "Stand com os modelos mais exclusivos da região.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-long-shot_23-2148637299.jpg?_wi=1",
|
||||
imageAlt: "modern luxury car studio photography",
|
||||
},
|
||||
{
|
||||
name: "Mariana Lima",
|
||||
handle: "@mlima",
|
||||
testimonial: "Qualidade superior e muita transparência.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg?_wi=1",
|
||||
imageAlt: "modern luxury car studio photography",
|
||||
},
|
||||
{
|
||||
name: "Felipe Mendes",
|
||||
handle: "@felipemendes",
|
||||
testimonial: "Experiência de compra inigualável, profissionais de ponta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-car-with-driver-highway_114579-4004.jpg?_wi=1",
|
||||
imageAlt: "modern luxury car studio photography",
|
||||
},
|
||||
{ name: "Ricardo Silva", handle: "@ricardosilva", testimonial: "Excelente atendimento e carros impecáveis. Recomendo!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=1", imageAlt: "modern luxury car studio photography" },
|
||||
{ name: "Ana Souza", handle: "@anasouza", testimonial: "O processo de compra foi rápido e sem burocracia.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/very-interesting-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16076.jpg", imageAlt: "modern luxury car studio photography" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746579.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="modern luxury car studio photography"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gear-stick-front-part-brand-new-automobile-modern-black-interior-conception-vehicles_146671-16742.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-driving-car-night_1303-17030.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-parking_158538-24745.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-boss-car-showrrom-sitting-red-chair_1303-14106.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Junte-se a centenas de clientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Exclusivo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Garantia Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Procedência",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento VIP",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "Performance" }, { type: "text", text: "Design Exclusivo" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,12 +63,31 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Tradição e Inovação Automotiva"
|
||||
buttons={[
|
||||
buttons={[{ text: "Saiba mais", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dealership-services" data-section="dealership-services">
|
||||
<MetricCardThree
|
||||
title="Experiência Stand3D"
|
||||
description="Serviços exclusivos para sua total comodidade na jornada de compra."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
text: "Saiba mais",
|
||||
href: "#contact",
|
||||
id: "tour", icon: Camera,
|
||||
title: "Tour 3D Virtual", value: "Explore cada detalhe"
|
||||
},
|
||||
{
|
||||
id: "finance", icon: Calculator,
|
||||
title: "Simulador de Crédito", value: "Financiamento facilitado"
|
||||
},
|
||||
{
|
||||
id: "testdrive", icon: CalendarCheck,
|
||||
title: "Agende seu Drive", value: "Teste sua paixão"
|
||||
}
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,154 +98,22 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "SUV Premium",
|
||||
price: "R$ 250.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-long-shot_23-2148637299.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Coupe Sport",
|
||||
price: "R$ 320.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Convertible Elite",
|
||||
price: "R$ 410.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-sport-car-with-driver-highway_114579-4004.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sedan Executive",
|
||||
price: "R$ 280.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-expensive-cars_1203-829.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sport Blue",
|
||||
price: "R$ 350.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car_23-2150998581.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Hybrid Silver",
|
||||
price: "R$ 210.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736801.jpg",
|
||||
},
|
||||
{ id: "1", name: "SUV Premium", price: "R$ 250.000", imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-couple-long-shot_23-2148637299.jpg?_wi=2" },
|
||||
{ id: "2", name: "Coupe Sport", price: "R$ 320.000", imageSrc: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg?_wi=2" }
|
||||
]}
|
||||
title="Catálogo de Veículos"
|
||||
description="Explore nossa coleção de modelos exclusivos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Veículos vendidos",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10 anos",
|
||||
description: "De mercado",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Clientes satisfeitos",
|
||||
},
|
||||
]}
|
||||
title="Nossos Números"
|
||||
description="Confiança construída com resultados."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-choosing-car-car-showroom_1303-24059.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fernanda L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-sitting-inside-car_23-2147943874.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pedro H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julia C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21755.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ricardo A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-dad-mom-little-son-looks-happy-park_1328-3724.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Depoimentos"
|
||||
cardTag="Clientes"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Como agendar um test drive?",
|
||||
content: "Entre em contato através do formulário abaixo.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Aceitam trocas?",
|
||||
content: "Sim, fazemos avaliação presencial do seu usado.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Como funciona o financiamento?",
|
||||
content: "Temos parceria com os maiores bancos para oferecer as melhores taxas.",
|
||||
},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Saiba mais sobre o processo de compra."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contato"
|
||||
title="Pronto para escolher seu carro?"
|
||||
description="Fale com nossa equipe e agende sua visita."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user