Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 54cfaccf75 | |||
| 1a4c493d40 |
262
src/app/page.tsx
262
src/app/page.tsx
@@ -6,10 +6,9 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Cookie, Heart, Leaf, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,261 +28,96 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Book Appointment", id: "#contact" },
|
||||
]}
|
||||
brandName="Sweet Delights"
|
||||
brandName="Elite Auto Care"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Freshly Baked Every Day"
|
||||
description="Indulge in our artisanal selection of cakes, pastries, and breads, handcrafted daily with premium ingredients for the perfect experience."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury Care For Your Performance Vehicle"
|
||||
description="Experience unparalleled service with our certified specialists. From premium diagnostics to bespoke detailing, we maintain your car at its peak."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Baking",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Daily Varieties",
|
||||
},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
{ value: "20+ Years", label: "Expertise" },
|
||||
{ value: "5-Star", label: "Service" },
|
||||
{ value: "100%", label: "Certified" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-azeri-national-pastries-shor-gogal-black_140725-12094.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-car-service-center_140725-12094.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-elegant-french-woman-red-beret-eating-tasty-croissants_273443-1933.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-serving-plate-cake-customer_1170-660.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-cheesecake-cottage-cheese-fritter-morning_169016-45071.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ dessert lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Daily",
|
||||
icon: Cookie,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Organic Ingredients",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Owned",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Sourced",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Crafted",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our Passion for Perfection"
|
||||
tag="About Us"
|
||||
title="Preserving Automotive Excellence"
|
||||
tag="Our Commitment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
title="Premium Automotive Services"
|
||||
description="Tailored care packages designed to protect your investment and ensure your vehicle runs perfectly."
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chocolate Truffle Cake",
|
||||
price: "$6.50",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-sour-cream-it-inside-kitchen_140725-14934.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.50",
|
||||
variant: "Morning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-83383.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fruit Tartlet",
|
||||
price: "$4.25",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruit-cakes-creamy-desserts-with-fruits-white-background-cream-cookie-dessert-sweet-cake-tea_140725-115632.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cinnamon Swirl",
|
||||
price: "$4.00",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-single-bun-purple-plate_114579-88162.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chocolate Muffin",
|
||||
price: "$3.75",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muffins-placed-line_23-2147693729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Macaron Box",
|
||||
price: "$12.00",
|
||||
variant: "Gift",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-cookies-box_1232-555.jpg",
|
||||
},
|
||||
features={[
|
||||
{ id: "s1", title: "Advanced Diagnostics", descriptions: ["State-of-the-art diagnostic equipment for precise issue identification."], imageSrc: "" },
|
||||
{ id: "s2", title: "Engine & Performance", descriptions: ["Expert maintenance and precision engine repair services."], imageSrc: "" },
|
||||
{ id: "s3", title: "Brakes & Suspension", descriptions: ["Premium safety checks and suspension tuning for ultimate handling."], imageSrc: "" },
|
||||
{ id: "s4", title: "Luxury Detailing", descriptions: ["Comprehensive cleaning and protection to keep your paint pristine."], imageSrc: "" },
|
||||
{ id: "s5", title: "Oil & Fluid Services", descriptions: ["Using only the highest quality synthetic fluids for performance engines."], imageSrc: "" },
|
||||
{ id: "s6", title: "Concierge Pickup", descriptions: ["We provide convenient door-to-door pickup for your service."], imageSrc: "" }
|
||||
]}
|
||||
title="Our Signature Sweets"
|
||||
description="Hand-cut slices and individual pastries prepared to perfection for your immediate enjoyment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
title="Client Experiences"
|
||||
description="Hear from our valued clients about their luxury service journey."
|
||||
useInvertedBackground={true}
|
||||
testimonial="Everything is delicious and affordable. The cakes are cut into pieces, so you can try several at once."
|
||||
rating={5}
|
||||
author="Aleksey Kurochkin"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
|
||||
alt: "Aleksey",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-elegant-french-woman-red-beret-eating-tasty-croissants_273443-1933.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-serving-plate-cake-customer_1170-660.jpg",
|
||||
alt: "Marcus",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-eating-cheesecake-cottage-cheese-fritter-morning_169016-45071.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Jonathan R.", handle: "@jonathan_r", testimonial: "The level of care and precision is unmatched. My car has never performed better.", rating: 5 },
|
||||
{ id: "t2", name: "Elena S.", handle: "@elena_s", testimonial: "Fantastic concierge pickup service. Truly luxury from start to finish.", rating: 5 }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Treat?"
|
||||
description="Stop by our shop today to see what's fresh out of the oven."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Schedule Your Visit"
|
||||
description="Secure your appointment today and give your car the luxury treatment it deserves."
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Sweets",
|
||||
items: [
|
||||
{
|
||||
label: "Cakes",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Bread",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Diagnostics" }, { label: "Engine Repair" }, { label: "Detailing" }] },
|
||||
{ title: "Company", items: [{ label: "About" }, { label: "Book Appointment" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Delights"
|
||||
bottomRightText="Crafted with love"
|
||||
bottomLeftText="© 2025 Elite Auto Care"
|
||||
bottomRightText="Excellence in Maintenance"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user