bender/e732397e-bfd9-48e3-ab07-43bc95e3eeab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-07 07:26:24 +00:00
parent d8bfa86fbc
commit 0ff087580a
1 changed files with 66 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

243
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Calendar, Search, Settings } from "lucide-react";
export default function LandingPage() {
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Process",
id: "process",
},
name: "Process", id: "process"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Reflekt"
/>
@@ -55,41 +47,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="More Than Detailing. This is Reflekt."
description="Precision automotive care designed to restore, protect, and elevate your vehicle to statement status."
buttons={[
{
text: "Book via WhatsApp",
href: "https://wa.me/923335962947",
},
text: "Book via WhatsApp", href: "https://wa.me/923335962947"},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340006-6wvq1r8i.jpg",
imageAlt: "Reflekt detailing studio interior",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340006-6wvq1r8i.jpg", imageAlt: "Reflekt detailing studio interior"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-9dysaptr.jpg",
imageAlt: "Car detailing process",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-9dysaptr.jpg", imageAlt: "Car detailing process"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-kg906aer.jpg",
imageAlt: "Premium automotive finish",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-kg906aer.jpg", imageAlt: "Premium automotive finish"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-3yo9igji.jpg",
imageAlt: "Detailing studio lighting",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-3yo9igji.jpg", imageAlt: "Detailing studio lighting"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-aevyc82r.jpg",
imageAlt: "Precision detailing work",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-aevyc82r.jpg", imageAlt: "Precision detailing work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212196.jpg",
imageAlt: "Cinematic studio shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212196.jpg", imageAlt: "Cinematic studio shot"},
]}
/>
</div>
@@ -101,34 +78,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "5.0",
title: "Star Rating",
items: [
"Google Reviews",
"Customer Satisfaction",
"Industry Standard",
],
id: "1", value: "5.0", title: "Star Rating", items: [
"Google Reviews", "Customer Satisfaction", "Industry Standard"],
},
{
id: "2",
value: "100%",
title: "Satisfaction",
items: [
"Vehicle Restoration",
"Precision Care",
"Client Trust",
],
id: "2", value: "100%", title: "Satisfaction", items: [
"Vehicle Restoration", "Precision Care", "Client Trust"],
},
{
id: "3",
value: "24/7",
title: "Passion",
items: [
"Obsessive Detail",
"Automotive Art",
"Dedication",
],
id: "3", value: "24/7", title: "Passion", items: [
"Obsessive Detail", "Automotive Art", "Dedication"],
},
]}
title="Unrivaled Standards"
@@ -144,21 +103,13 @@ export default function LandingPage() {
description="Reflekt Detailing Studio is built on precision, passion, and perfection. Every vehicle is treated as a statement piece, not just transport. Inspired by industry standards: detailing is not just cleaning, it’s restoring and protecting vehicles to their best condition."
bulletPoints={[
{
title: "Paint Protection Expertise",
description: "Cutting-edge protection techniques.",
},
title: "Paint Protection Expertise", description: "Cutting-edge protection techniques."},
{
title: "Premium Products",
description: "Only the finest formulas used.",
},
title: "Premium Products", description: "Only the finest formulas used."},
{
title: "Skilled Professionals",
description: "Experts in automotive care.",
},
title: "Skilled Professionals", description: "Experts in automotive care."},
{
title: "Unmatched Detail",
description: "Every millimeter analyzed.",
},
title: "Unmatched Detail", description: "Every millimeter analyzed."},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498630.jpg"
mediaAnimation="blur-reveal"
@@ -172,37 +123,16 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "p1",
badge: "Core",
price: "PKR XX,XXX",
subtitle: "Deep Cleaning",
features: [
"Engine bay cleaning",
"Interior sanitization",
"Exterior hand wash",
],
id: "p1", badge: "Core", price: "PKR XX,XXX", subtitle: "Deep Cleaning", features: [
"Engine bay cleaning", "Interior sanitization", "Exterior hand wash"],
},
{
id: "p2",
badge: "Expert",
price: "PKR XX,XXX",
subtitle: "Ceramic Coating",
features: [
"Advanced coating",
"Surface prep",
"Long-term shine",
],
id: "p2", badge: "Expert", price: "PKR XX,XXX", subtitle: "Ceramic Coating", features: [
"Advanced coating", "Surface prep", "Long-term shine"],
},
{
id: "p3",
badge: "Elite",
price: "PKR XX,XXX",
subtitle: "Paint Protection",
features: [
"Full body PPF",
"Self-healing layer",
"Ultimate shield",
],
id: "p3", badge: "Elite", price: "PKR XX,XXX", subtitle: "Paint Protection", features: [
"Full body PPF", "Self-healing layer", "Ultimate shield"],
},
]}
title="Professional Services"
@@ -217,24 +147,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Book Appointment",
description: "Secure your slot in Islamabad.",
icon: Calendar,
title: "Book Appointment", description: "Secure your slot in Islamabad.", icon: Calendar,
},
{
title: "Vehicle Inspection",
description: "Detailed diagnosis of paint.",
icon: Search,
title: "Vehicle Inspection", description: "Detailed diagnosis of paint.", icon: Search,
},
{
title: "Precision Detailing",
description: "Masterful restoration work.",
icon: Settings,
title: "Precision Detailing", description: "Masterful restoration work.", icon: Settings,
},
{
title: "Final Reveal",
description: "Your car, elevated.",
icon: Award,
title: "Final Reveal", description: "Your car, elevated.", icon: Award,
},
]}
title="Our Precision Process"
@@ -243,66 +165,43 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Ahmed K.",
handle: "@ahmedk",
testimonial: "Absolutely transformed my car. Looks brand new.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14555.jpg",
},
{
id: "2",
name: "Sara Z.",
handle: "@saraz",
testimonial: "Best detailing studio in the city. Professional and clean.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-business-man-taking-selfie_171337-16169.jpg",
},
{
id: "3",
name: "Bilal M.",
handle: "@bilalm",
testimonial: "Attention to detail is on another level.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg",
},
{
id: "4",
name: "Zainab R.",
handle: "@zainabr",
testimonial: "Exceeded all my expectations. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-byuing-car-car-showroom_1303-16340.jpg",
},
{
id: "5",
name: "Omar F.",
handle: "@omarf",
testimonial: "A truly premium experience for car owners.",
imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
},
]}
title="Client Perspectives"
description="Trusted by automotive enthusiasts in Islamabad."
/>
<TestimonialCardFifteen
testimonial="Exceptional attention to detail! My car looks better than the day I bought it. Highly recommended for any automotive enthusiast in Islamabad."
rating={5}
author="Ahmed K."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={true}
/>
<TestimonialCardFifteen
testimonial="Professional service, clear communication, and impeccable results. Truly the best detailing studio in the city."
rating={5}
author="Sara Z."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={true}
/>
<TestimonialCardFifteen
testimonial="The paint protection application was flawless. These guys really understand automotive aesthetics and care."
rating={5}
author="Bilal M."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Ready to Transform?"
title="Your Car Deserves More Than Average."
description="F-13, Islamabad | 0333 5962947"
buttons={[
{
text: "Book Now on WhatsApp",
href: "https://wa.me/923335962947",
},
text: "Book Now on WhatsApp", href: "https://wa.me/923335962947"},
]}
/>
</div>
@@ -312,29 +211,19 @@ export default function LandingPage() {
logoText="Reflekt"
columns={[
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Instagram",
href: "https://www.instagram.com/reflektdetailingstudio",
},
label: "Instagram", href: "https://www.instagram.com/reflektdetailingstudio"},
{
label: "TikTok",
href: "https://www.tiktok.com/@reflektdetailingstudio",
},
label: "TikTok", href: "https://www.tiktok.com/@reflektdetailingstudio"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -344,4 +233,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}