Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Wrench, ShieldCheck, Zap, ArrowRight, UserCheck, Clock, CheckCircle } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="CROW Plumber & Heating"
|
||||
/>
|
||||
@@ -56,38 +45,17 @@ export default function LandingPage() {
|
||||
title="Emergency Plumbing & Heating, Fast Response Guaranteed"
|
||||
description="24/7 certified engineers serving East Sussex. Boiler repair, gas safety, heating installation—trusted by 500 customers. Call now for same-day support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:08001234567",
|
||||
},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:08001234567" },
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg"
|
||||
imageAlt="CROW Plumber professional engineer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg",
|
||||
alt: "Side view woman working as plumber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg",
|
||||
alt: "Male plumber working with client to fix kitchen problems",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10800.jpg",
|
||||
alt: "Male and female workers wearing work clothes",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", alt: "Plumbing professional doing his job" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg", alt: "Male plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", alt: "Side view woman working as plumber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg", alt: "Male plumber working with client to fix kitchen problems" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10800.jpg", alt: "Male and female workers wearing work clothes" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy customers"
|
||||
/>
|
||||
@@ -98,10 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Local Experts Committed to Quality and Speed"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Learn More About Us", href: "#about" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,70 +78,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Boiler & Heating Repair",
|
||||
description: "Rapid diagnostics for all boiler brands.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg?_wi=1",
|
||||
imageAlt: "emergency boiler repair residential service",
|
||||
},
|
||||
title: "Boiler & Heating Repair", description: "Rapid diagnostics for all boiler brands.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg", imageAlt: "emergency boiler repair residential service" },
|
||||
items: [
|
||||
{
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
{
|
||||
text: "Certified Engineers",
|
||||
},
|
||||
{
|
||||
text: "Same-day Response",
|
||||
},
|
||||
{ icon: Clock, text: "24/7 Availability" },
|
||||
{ icon: ShieldCheck, text: "Certified Engineers" },
|
||||
{ icon: Zap, text: "Same-day Response" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2",
|
||||
imageAlt: "emergency boiler repair residential service",
|
||||
},
|
||||
{
|
||||
title: "Gas Safety Inspections",
|
||||
description: "Essential safety checks for landlords and homeowners.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-rotary-switch_23-2149308989.jpg?_wi=1",
|
||||
imageAlt: "gas safety check engineer certified",
|
||||
},
|
||||
title: "Gas Safety Inspections", description: "Essential safety checks for landlords and homeowners.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-rotary-switch_23-2149308989.jpg", imageAlt: "gas safety check engineer certified" },
|
||||
items: [
|
||||
{
|
||||
text: "Landlord Certification",
|
||||
},
|
||||
{
|
||||
text: "Compliance Documentation",
|
||||
},
|
||||
{
|
||||
text: "Thorough System Audit",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Landlord Certification" },
|
||||
{ icon: ShieldCheck, text: "Compliance Documentation" },
|
||||
{ icon: Wrench, text: "Thorough System Audit" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg?_wi=1",
|
||||
imageAlt: "emergency boiler repair residential service",
|
||||
},
|
||||
{
|
||||
title: "Installation Services",
|
||||
description: "Professional installation of heating systems.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg?_wi=1",
|
||||
imageAlt: "bathroom plumbing installation modern house",
|
||||
},
|
||||
title: "Installation Services", description: "Professional installation of heating systems.", media: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg", imageAlt: "bathroom plumbing installation modern house" },
|
||||
items: [
|
||||
{
|
||||
text: "Energy Efficiency",
|
||||
},
|
||||
{
|
||||
text: "Fully Guaranteed",
|
||||
},
|
||||
{
|
||||
text: "Insured Experts",
|
||||
},
|
||||
{ icon: Zap, text: "Energy Efficiency" },
|
||||
{ icon: CheckCircle, text: "Fully Guaranteed" },
|
||||
{ icon: ShieldCheck, text: "Insured Experts" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cute-lady-holding-board-raising-her-fist_114579-92718.jpg",
|
||||
imageAlt: "emergency boiler repair residential service",
|
||||
},
|
||||
]}
|
||||
title="Professional Services We Offer"
|
||||
@@ -190,21 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Customers Served",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Emergency Response Time",
|
||||
value: "< 2hr",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Projects Completed",
|
||||
value: "1200+",
|
||||
},
|
||||
{ id: "m1", icon: UserCheck, title: "Customers Served", value: "500+" },
|
||||
{ id: "m2", icon: Clock, title: "Emergency Response Time", value: "< 2hr" },
|
||||
{ id: "m3", icon: Wrench, title: "Projects Completed", value: "1200+" },
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Trust in our proven local performance."
|
||||
@@ -216,61 +130,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Fast Boiler Fix",
|
||||
quote: "Incredible speed and professionalism.",
|
||||
tag: "Emergency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-cute-lady-holding-board-raising-her-fist_114579-92718.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=3",
|
||||
imageAlt: "happy customer smiling holding quote",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
date: "Sep 2023",
|
||||
title: "Gas Safety Check",
|
||||
quote: "Efficient, certified, and friendly service.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg?_wi=2",
|
||||
imageAlt: "happy customer smiling holding quote",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
date: "Aug 2023",
|
||||
title: "Bathroom Plumbing",
|
||||
quote: "Top-tier work on our new bathroom install.",
|
||||
tag: "Installation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/looking-up-architect-is-aplauding-by-sitting-front-tablet-blue-background_176474-117651.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg?_wi=2",
|
||||
imageAlt: "happy customer smiling holding quote",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert K.",
|
||||
date: "July 2023",
|
||||
title: "Heating Breakdown",
|
||||
quote: "Saved us during winter. Highly recommended.",
|
||||
tag: "Urgent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-with-drafts-talking-smartphone_23-2147710774.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-rotary-switch_23-2149308989.jpg?_wi=2",
|
||||
imageAlt: "happy customer smiling holding quote",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clare M.",
|
||||
date: "June 2023",
|
||||
title: "Regular Service",
|
||||
quote: "Consistent and high quality service.",
|
||||
tag: "Maintenance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-bottle_23-2149395634.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg?_wi=2",
|
||||
imageAlt: "happy customer smiling holding quote",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Fast Boiler Fix", quote: "Incredible speed and professionalism.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/happy-cute-lady-holding-board-raising-her-fist_114579-92718.jpg", imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg", imageAlt: "happy customer smiling holding quote" },
|
||||
{ id: "2", name: "Mark D.", date: "Sep 2023", title: "Gas Safety Check", quote: "Efficient, certified, and friendly service.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg", imageSrc: "http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg", imageAlt: "happy customer smiling holding quote" },
|
||||
{ id: "3", name: "Emily P.", date: "Aug 2023", title: "Bathroom Plumbing", quote: "Top-tier work on our new bathroom install.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/looking-up-architect-is-aplauding-by-sitting-front-tablet-blue-background_176474-117651.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg", imageAlt: "happy customer smiling holding quote" },
|
||||
{ id: "4", name: "Robert K.", date: "July 2023", title: "Heating Breakdown", quote: "Saved us during winter. Highly recommended.", tag: "Urgent", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-drafts-talking-smartphone_23-2147710774.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-using-rotary-switch_23-2149308989.jpg", imageAlt: "happy customer smiling holding quote" },
|
||||
{ id: "5", name: "Clare M.", date: "June 2023", title: "Regular Service", quote: "Consistent and high quality service.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-bottle_23-2149395634.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg", imageAlt: "happy customer smiling holding quote" },
|
||||
]}
|
||||
title="Trusted by Homeowners in East Sussex"
|
||||
description="See why our customers trust CROW Plumber & Heating."
|
||||
@@ -281,21 +145,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you available on weekends?",
|
||||
content: "Yes, we operate 24/7, including weekends and public holidays.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We proudly serve the whole of East Sussex.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your engineers insured?",
|
||||
content: "Yes, our engineers are fully insured and gas-safe registered.",
|
||||
},
|
||||
{ id: "f1", title: "Are you available on weekends?", content: "Yes, we operate 24/7, including weekends and public holidays." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We proudly serve the whole of East Sussex." },
|
||||
{ id: "f3", title: "Are your engineers insured?", content: "Yes, our engineers are fully insured and gas-safe registered." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need more information? Check our common queries."
|
||||
@@ -306,9 +158,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get started?"
|
||||
title="Need a Quote or Emergency Support?"
|
||||
description="Contact our professional team today for reliable service in East Sussex."
|
||||
@@ -319,33 +169,16 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user