Merge version_1 into main #1
396
src/app/page.tsx
396
src/app/page.tsx
@@ -28,300 +28,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#showcase",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="GT Detailing Osijek"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#showcase" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="GT Detailing Osijek"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Premium Detailing & Ceramic Protection"
|
||||
description="Excellence in every detail. Elevating the standard for automotive beauty in Osijek."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+385000000000",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",
|
||||
alt: "Satisfied client portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg",
|
||||
alt: "Satisfied client portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21770.jpg",
|
||||
alt: "Satisfied client portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/comfortable-leather-seats-add-elegance-driving-generated-by-ai_188544-27222.jpg",
|
||||
alt: "Satisfied client portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg",
|
||||
alt: "Satisfied client portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ luxury car owners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Premium Detailing & Ceramic Protection"
|
||||
description="Excellence in every detail. Elevating the standard for automotive beauty in Osijek."
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Call Now", href: "tel:+385000000000" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", alt: "Satisfied client portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg", alt: "Satisfied client portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21770.jpg", alt: "Satisfied client portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/comfortable-leather-seats-add-elegance-driving-generated-by-ai_188544-27222.jpg", alt: "Satisfied client portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg", alt: "Satisfied client portrait 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ luxury car owners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Craftsmanship Redefined",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg",
|
||||
alt: "Focus detail",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[{ type: "text", content: "Craftsmanship Redefined" }, { type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", alt: "Focus detail" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Deep Interior Cleaning",
|
||||
description: "Steam cleaning, leather rejuvenation, and deep sanitization.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Paint Correction",
|
||||
description: "Removing swirl marks and defects to restore original clarity.",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Ceramic Coating",
|
||||
description: "Long-lasting protection and high gloss finish, starting from €800.",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="High-ticket detailing packages designed for the most demanding car owners."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Deep Interior Cleaning", description: "Steam cleaning, leather rejuvenation, and deep sanitization." },
|
||||
{ icon: ShieldCheck, title: "Paint Correction", description: "Removing swirl marks and defects to restore original clarity." },
|
||||
{ icon: Diamond, title: "Ceramic Coating", description: "Long-lasting protection and high gloss finish, starting from €800." },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="High-ticket detailing packages designed for the most demanding car owners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="showcase" data-section="showcase">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury",
|
||||
name: "Porsche 911 Detail",
|
||||
price: "€1,200",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxury",
|
||||
name: "Tesla Model S Ceramic",
|
||||
price: "€950",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-brown-car_23-2151914154.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Exotic",
|
||||
name: "Interior Restoration",
|
||||
price: "€800",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Premium",
|
||||
name: "Exterior Correction",
|
||||
price: "€850",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-side-vintage-amethyst-color-sedan-car_114579-4389.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Luxury",
|
||||
name: "Full Detail Package",
|
||||
price: "€1,500",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Premium",
|
||||
name: "Paint Protection",
|
||||
price: "€900",
|
||||
rating: 5,
|
||||
reviewCount: "11",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-headlight-silver-auto_23-2147963040.jpg",
|
||||
},
|
||||
]}
|
||||
title="Showcase"
|
||||
description="Before and after transformations of high-end vehicles."
|
||||
/>
|
||||
</div>
|
||||
<div id="showcase" data-section="showcase">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Luxury", name: "Porsche 911 Detail", price: "€1,200", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg" },
|
||||
{ id: "p2", brand: "Luxury", name: "Tesla Model S Ceramic", price: "€950", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-brown-car_23-2151914154.jpg" },
|
||||
{ id: "p3", brand: "Exotic", name: "Interior Restoration", price: "€800", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg" },
|
||||
{ id: "p4", brand: "Premium", name: "Exterior Correction", price: "€850", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/front-side-vintage-amethyst-color-sedan-car_114579-4389.jpg" },
|
||||
{ id: "p5", brand: "Luxury", name: "Full Detail Package", price: "€1,500", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg" },
|
||||
{ id: "p6", brand: "Premium", name: "Paint Protection", price: "€900", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/modern-headlight-silver-auto_23-2147963040.jpg" },
|
||||
]}
|
||||
title="Showcase"
|
||||
description="Before and after transformations of high-end vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marko I.",
|
||||
role: "Collector",
|
||||
testimonial: "My car looks like new. Absolutely impeccable service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana K.",
|
||||
role: "SUV Owner",
|
||||
testimonial: "The interior clean was magical. Truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ivan S.",
|
||||
role: "Sports Car Enthusiast",
|
||||
testimonial: "The paint correction is perfect. High-end results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
role: "Luxury Owner",
|
||||
testimonial: "Best detailing studio in Osijek by far.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860296.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tomislav J.",
|
||||
role: "Daily Driver",
|
||||
testimonial: "Worth every cent. Professionalism 10/10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-assuring-you-have-lucky-day-happy-smiling-gorgeous-female-entrepreneur-showing-thumb-up-liking-approving-awesome-idea-delighted-giving-positive-reply-agree-standing-white-wall_176420-35575.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Don't just take our word for it—see the results our clients trust us with."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marko I.", role: "Collector", testimonial: "My car looks like new. Absolutely impeccable service.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg" },
|
||||
{ id: "2", name: "Ana K.", role: "SUV Owner", testimonial: "The interior clean was magical. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg" },
|
||||
{ id: "3", name: "Ivan S.", role: "Sports Car Enthusiast", testimonial: "The paint correction is perfect. High-end results.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg" },
|
||||
{ id: "4", name: "Elena V.", role: "Luxury Owner", testimonial: "Best detailing studio in Osijek by far.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860296.jpg" },
|
||||
{ id: "5", name: "Tomislav J.", role: "Daily Driver", testimonial: "Worth every cent. Professionalism 10/10.", imageSrc: "http://img.b2bpic.net/free-photo/girl-assuring-you-have-lucky-day-happy-smiling-gorgeous-female-entrepreneur-showing-thumb-up-liking-approving-awesome-idea-delighted-giving-positive-reply-agree-standing-white-wall_176420-35575.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Don't just take our word for it—see the results our clients trust us with."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Porsche Club",
|
||||
"Luxury Car Monthly",
|
||||
"Osijek Motors",
|
||||
"Detailing World",
|
||||
"Auto Gloss Weekly",
|
||||
"Prestige Coatings",
|
||||
"Ceramic Pro",
|
||||
]}
|
||||
title="Recognized Excellence"
|
||||
description="Trusted by automotive enthusiasts across the region."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Porsche Club", "Luxury Car Monthly", "Osijek Motors", "Detailing World", "Auto Gloss Weekly", "Prestige Coatings", "Ceramic Pro"]}
|
||||
title="Recognized Excellence"
|
||||
description="Trusted by automotive enthusiasts across the region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
text="Ready to transform your vehicle? Book your premium detailing appointment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@gtdetailing.hr",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to transform your vehicle? Book your premium detailing appointment today."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@gtdetailing.hr" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horror-scene-with-eerie-hall_23-2150975360.jpg"
|
||||
logoText="GT Detailing Osijek"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Osijek, Croatia",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+385 00 000 000",
|
||||
href: "tel:+385000000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/horror-scene-with-eerie-hall_23-2150975360.jpg"
|
||||
logoText="GT Detailing Osijek"
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "Osijek, Croatia", href: "#" }, { label: "+385 00 000 000", href: "tel:+385000000000" }] },
|
||||
{ title: "Links", items: [{ label: "Services", href: "#services" }, { label: "Booking", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user