Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { FileText, ShieldCheck, Sparkles, Wrench, Zap } from "lucide-react";
|
||||
import { FileText, ShieldCheck, Sparkles, Wrench, Zap, Lightbulb } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-choose-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-choose-us"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Light Man"
|
||||
/>
|
||||
@@ -52,85 +44,55 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Turn Your Home Into a Masterpiece of Light."
|
||||
description="Premium electrical & lighting solutions designed to elevate your space."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "5.0", label: "Google Rating"},
|
||||
{
|
||||
value: "24+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "24+", label: "Happy Clients"},
|
||||
{
|
||||
value: "Fast",
|
||||
label: "Reliable Service",
|
||||
},
|
||||
value: "Fast", label: "Reliable Service"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Book Service Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service Today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15086.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15086.jpg"
|
||||
imageAlt="Luxury home lighting transformation"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-working_53876-42744.jpg",
|
||||
alt: "Electrician working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-working_53876-42744.jpg", alt: "Electrician working"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-light-bulb_23-2148813406.jpg",
|
||||
alt: "Low angle of female construction worker with light bulb",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-female-construction-worker-with-light-bulb_23-2148813406.jpg", alt: "Low angle of female construction worker with light bulb"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-handymen-making-measures_23-2147743081.jpg",
|
||||
alt: "Two handymen making measures",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-handymen-making-measures_23-2147743081.jpg", alt: "Two handymen making measures"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-sockets-switches_169016-51570.jpg",
|
||||
alt: "Electrician builder at work installation of sockets and switches",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-sockets-switches_169016-51570.jpg", alt: "Electrician builder at work installation of sockets and switches"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-hard-hat-looks-wall-while-holding-electric-cable_169016-12103.jpg",
|
||||
alt: "An electrician in a hard hat looks at the wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/electrician-hard-hat-looks-wall-while-holding-electric-cable_169016-12103.jpg", alt: "An electrician in a hard hat looks at the wall"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Insured",
|
||||
icon: FileText,
|
||||
type: "text-icon", text: "Insured", icon: FileText,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Expert", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Fast", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Clean",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Clean", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -143,29 +105,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Standards",
|
||||
description: "Excellence in every detail, from the first wire to the final finish.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/renovation-profile-concentrated-man-touching-screwdriver-lamp-kitchen-range-hood_259150-59261.jpg",
|
||||
imageAlt: "professional electrician luxury home",
|
||||
},
|
||||
title: "Premium Standards", description: "Excellence in every detail, from the first wire to the final finish.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/renovation-profile-concentrated-man-touching-screwdriver-lamp-kitchen-range-hood_259150-59261.jpg", imageAlt: "professional electrician luxury home"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast & Efficient Service",
|
||||
},
|
||||
text: "Fast & Efficient Service"},
|
||||
{
|
||||
icon: Brain,
|
||||
text: "Expert Knowledge & Diagnosis",
|
||||
},
|
||||
icon: Lightbulb,
|
||||
text: "Expert Knowledge & Diagnosis"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "High-End Lighting Results",
|
||||
},
|
||||
text: "High-End Lighting Results"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15086.jpg?_wi=2",
|
||||
imageAlt: "professional electrician luxury home",
|
||||
},
|
||||
]}
|
||||
title="Why Light Man Stands Out"
|
||||
@@ -181,41 +134,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Potlight Installation",
|
||||
price: "Expert Setup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349207.jpg",
|
||||
},
|
||||
id: "s1", name: "Potlight Installation", price: "Expert Setup", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349207.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Smart Home Setup",
|
||||
price: "Modern Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-automation-futuristic-robot-kitchen_23-2152000898.jpg",
|
||||
},
|
||||
id: "s2", name: "Smart Home Setup", price: "Modern Tech", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-automation-futuristic-robot-kitchen_23-2152000898.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Troubleshooting",
|
||||
price: "Diagnosis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-home-tablet_23-2149036910.jpg",
|
||||
},
|
||||
id: "s3", name: "Troubleshooting", price: "Diagnosis", imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-home-tablet_23-2149036910.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Panel Upgrades",
|
||||
price: "Safe Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-52935.jpg",
|
||||
},
|
||||
id: "s4", name: "Panel Upgrades", price: "Safe Power", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-52935.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Lighting Design",
|
||||
price: "Artistic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suspended-pendant-light-fixtures-as-design-element_157027-4188.jpg",
|
||||
},
|
||||
id: "s5", name: "Lighting Design", price: "Artistic", imageSrc: "http://img.b2bpic.net/free-photo/suspended-pendant-light-fixtures-as-design-element_157027-4188.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "General Electrical",
|
||||
price: "Versatile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176753.jpg",
|
||||
},
|
||||
id: "s6", name: "General Electrical", price: "Versatile", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176753.jpg"},
|
||||
]}
|
||||
title="Premium Electrical Services"
|
||||
description="Tailored solutions for your modern home upgrade."
|
||||
@@ -229,59 +158,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2268.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2268.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150652894.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150652894.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-young-woman-coat-sitting-sofa_171337-16904.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-young-woman-coat-sitting-sofa_171337-16904.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-modern-female-talking-phone_23-2148415960.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-modern-female-talking-phone_23-2148415960.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vance",
|
||||
role: "Architect",
|
||||
company: "BuildStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-holding-tablet_23-2148404365.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Vance", role: "Architect", company: "BuildStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-holding-tablet_23-2148404365.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Professional",
|
||||
},
|
||||
value: "100%", label: "Professional"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "5.0", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "Same Day",
|
||||
label: "Response",
|
||||
},
|
||||
value: "Same Day", label: "Response"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Don't just take our word for it—see why clients love our work."
|
||||
@@ -295,28 +193,17 @@ export default function LandingPage() {
|
||||
description="Get expert electrical work that looks as good as it performs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone", required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Service Needed",
|
||||
required: true,
|
||||
name: "service", type: "text", placeholder: "Service Needed", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your lighting needs...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your lighting needs...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
buttonText="Submit Inquiry"
|
||||
@@ -330,33 +217,21 @@ export default function LandingPage() {
|
||||
logoText="Light Man"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user