Merge version_1 into main #1
246
src/app/page.tsx
246
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Quote",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Quote", id: "#hero"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#benefits",
|
||||
},
|
||||
name: "Benefits", id: "#benefits"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Kar Removal"
|
||||
/>
|
||||
@@ -52,85 +44,55 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Instant Cash for Any Car"
|
||||
description="Don't let your old vehicle take up space. Get a free, instant, no-obligation quote today. We buy any car, any condition, and handle the pickup for free."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Service Available",
|
||||
},
|
||||
value: "24/7", label: "Service Available"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Free Collection",
|
||||
},
|
||||
value: "100%", label: "Free Collection"},
|
||||
{
|
||||
value: "Instant",
|
||||
label: "Same-Day Payment",
|
||||
},
|
||||
value: "Instant", label: "Same-Day Payment"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Instant Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Instant Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:0800123456",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:0800123456"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95946.jpg"
|
||||
imageAlt="Professional car removal service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
alt: "Happy Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg", alt: "Happy Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg",
|
||||
alt: "Happy Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg", alt: "Happy Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Happy Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Happy Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-drinking-coffee-picking-taxi_23-2148289227.jpg",
|
||||
alt: "Happy Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-drinking-coffee-picking-taxi_23-2148289227.jpg", alt: "Happy Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
|
||||
alt: "Happy Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", alt: "Happy Customer 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Towing",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Free Towing", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same Day Cash",
|
||||
icon: Wallet,
|
||||
type: "text-icon", text: "Same Day Cash", icon: Wallet,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-Friendly", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Nationwide Service",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Nationwide Service", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -143,32 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Free Collection",
|
||||
descriptions: [
|
||||
"No hidden fees. We pick up your vehicle from your location at a time that works for you.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pipcl6",
|
||||
imageAlt: "Free collection",
|
||||
},
|
||||
id: "f1", title: "Free Collection", descriptions: [
|
||||
"No hidden fees. We pick up your vehicle from your location at a time that works for you."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pipcl6", imageAlt: "Free collection"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Instant Payment",
|
||||
descriptions: [
|
||||
"Secure payment transfer the moment we take possession of the vehicle. No waiting around.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-euro-sign-yellow-background-currency-exchange-money-transfer-concept-euro-is-main-money-european-union-region-by-3d-render_616485-23.jpg",
|
||||
imageAlt: "Instant payment",
|
||||
},
|
||||
id: "f2", title: "Instant Payment", descriptions: [
|
||||
"Secure payment transfer the moment we take possession of the vehicle. No waiting around."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-euro-sign-yellow-background-currency-exchange-money-transfer-concept-euro-is-main-money-european-union-region-by-3d-render_616485-23.jpg", imageAlt: "Instant payment"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fast Quotes",
|
||||
descriptions: [
|
||||
"Simple online form to get an honest valuation within minutes of submission.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hourglass-mouse-symbol-design_460848-7398.jpg",
|
||||
imageAlt: "Fast quotes",
|
||||
},
|
||||
id: "f3", title: "Fast Quotes", descriptions: [
|
||||
"Simple online form to get an honest valuation within minutes of submission."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hourglass-mouse-symbol-design_460848-7398.jpg", imageAlt: "Fast quotes"},
|
||||
]}
|
||||
title="Why Choose Kar Removal?"
|
||||
description="We prioritize your convenience and security in every transaction."
|
||||
@@ -182,34 +129,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Request a Quote",
|
||||
items: [
|
||||
"Input vehicle details",
|
||||
"Get instant valuation",
|
||||
"No obligation",
|
||||
],
|
||||
id: "m1", value: "01", title: "Request a Quote", items: [
|
||||
"Input vehicle details", "Get instant valuation", "No obligation"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Schedule Pickup",
|
||||
items: [
|
||||
"Select convenient date",
|
||||
"Confirm vehicle status",
|
||||
"Ready for collection",
|
||||
],
|
||||
id: "m2", value: "02", title: "Schedule Pickup", items: [
|
||||
"Select convenient date", "Confirm vehicle status", "Ready for collection"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Get Paid",
|
||||
items: [
|
||||
"Final inspection",
|
||||
"Transfer payment",
|
||||
"Paperwork complete",
|
||||
],
|
||||
id: "m3", value: "03", title: "Get Paid", items: [
|
||||
"Final inspection", "Transfer payment", "Paperwork complete"],
|
||||
},
|
||||
]}
|
||||
title="Three Simple Steps"
|
||||
@@ -225,45 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Roberts",
|
||||
role: "Accountant",
|
||||
company: "Local Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
},
|
||||
id: "1", name: "Mark Roberts", role: "Accountant", company: "Local Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Teacher",
|
||||
company: "Primary School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Miller", role: "Teacher", company: "Primary School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Smith",
|
||||
role: "Technician",
|
||||
company: "Self Employed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
id: "3", name: "James Smith", role: "Technician", company: "Self Employed", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda White",
|
||||
role: "Consultant",
|
||||
company: "Growth Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-coffee-picking-taxi_23-2148289227.jpg",
|
||||
},
|
||||
id: "4", name: "Linda White", role: "Consultant", company: "Growth Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinking-coffee-picking-taxi_23-2148289227.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Brown",
|
||||
role: "Engineer",
|
||||
company: "Build Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
|
||||
},
|
||||
id: "5", name: "David Brown", role: "Engineer", company: "Build Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg"},
|
||||
]}
|
||||
title="Trusted by Drivers Everywhere"
|
||||
description="Read what our happy customers have to say about our seamless service."
|
||||
@@ -277,25 +181,14 @@ export default function LandingPage() {
|
||||
description="Fill out the details below, and one of our experts will be in touch with a competitive offer within minutes."
|
||||
inputs={[
|
||||
{
|
||||
name: "make",
|
||||
type: "text",
|
||||
placeholder: "Vehicle Make & Model",
|
||||
},
|
||||
name: "make", type: "text", placeholder: "Vehicle Make & Model"},
|
||||
{
|
||||
name: "reg",
|
||||
type: "text",
|
||||
placeholder: "Registration Number",
|
||||
},
|
||||
name: "reg", type: "text", placeholder: "Registration Number"},
|
||||
{
|
||||
name: "postcode",
|
||||
type: "text",
|
||||
placeholder: "Postcode",
|
||||
},
|
||||
name: "postcode", type: "text", placeholder: "Postcode"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Condition details (optional)",
|
||||
rows: 4,
|
||||
name: "notes", placeholder: "Condition details (optional)", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-pushpins-showing-destination-points-map_23-2147837128.jpg"
|
||||
imageAlt="Service area map"
|
||||
@@ -307,50 +200,31 @@ export default function LandingPage() {
|
||||
logoText="Kar Removal"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Car Scrapping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Car Scrapping", href: "#"},
|
||||
{
|
||||
label: "Same-Day Collection",
|
||||
href: "#",
|
||||
},
|
||||
label: "Same-Day Collection", href: "#"},
|
||||
{
|
||||
label: "Instant Valuation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instant Valuation", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "tel:0800123456",
|
||||
},
|
||||
label: "Support", href: "tel:0800123456"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user