312 lines
20 KiB
TypeScript
312 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import { Lightbulb, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "Projects", id: "#projects"},
|
||
{
|
||
name: "Process", id: "#process"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="BULB"
|
||
bottomLeftText="Innovation & Precision"
|
||
bottomRightText="info@bulb.com"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplit
|
||
background={{
|
||
variant: "animated-grid"}}
|
||
imagePosition="right"
|
||
title="Powering Premium Spaces."
|
||
description="Modern electrical solutions for homes, commercial properties, and high-end developments."
|
||
buttons={[
|
||
{
|
||
text: "Request A Quote", href: "#contact"},
|
||
{
|
||
text: "View Services", href: "#services"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139306.jpg"
|
||
imageAlt="Abstract electrical energy graphic"
|
||
mediaAnimation="opacity"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg", alt: "Satisfied client avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg", alt: "Happy customer avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/confident-businessman-standing-front-building-holding-clipboard-coffee-cup_23-2147972795.jpg", alt: "Professional partner avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg", alt: "Trusted associate avatar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg", alt: "Valued client avatar"},
|
||
]}
|
||
avatarText="Trusted by 1000+ clients"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Precision Engineering"},
|
||
{
|
||
type: "text-icon", text: "Smart Solutions", icon: Zap,
|
||
},
|
||
{
|
||
type: "text", text: "Reliable Service"},
|
||
{
|
||
type: "text-icon", text: "Advanced Technology", icon: Lightbulb,
|
||
},
|
||
{
|
||
type: "text", text: "Client Focused"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust-bar" data-section="trust-bar">
|
||
<MetricCardTwo
|
||
useInvertedBackground={true}
|
||
title="Built on Trust & Excellence"
|
||
tag="Our Commitment"
|
||
tagAnimation="blur-reveal"
|
||
metrics={[
|
||
{
|
||
id: "1", value: "NICEIC", description: "Approved"},
|
||
{
|
||
id: "2", value: "Fully", description: "Insured"},
|
||
{
|
||
id: "3", value: "Emergency", description: "Response"},
|
||
{
|
||
id: "4", value: "Domestic &", description: "Commercial"},
|
||
]}
|
||
animationType="opacity"
|
||
gridVariant="uniform-all-items-equal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
imagePosition="left"
|
||
title="Electrical Excellence Built Around Precision."
|
||
description="At BULB, we illuminate futures with expert electrical installations, intelligent systems, and flawless execution. Our trusted service ensures safety, efficiency, and cutting-edge solutions for every project, from sophisticated smart homes to expansive commercial properties. We're more than electricians; we're partners in powering your premium spaces with unparalleled precision and dedication."
|
||
bulletPoints={[
|
||
{
|
||
title: "Expert Installations", description: "Flawless setup by certified professionals ensuring peak performance and longevity."},
|
||
{
|
||
title: "Intelligent Systems", description: "Designing and integrating smart electrical infrastructures for modern living and working."},
|
||
{
|
||
title: "Flawless Execution", description: "Meticulous attention to detail and rigorous standards from planning to completion."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-with-natural-materials_23-2150654462.jpg"
|
||
imageAlt="Modern architectural interior showcasing electrical precision"
|
||
mediaAnimation="opacity"
|
||
containerClassName="py-12 md:py-24"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardTwo
|
||
animationType="opacity"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "s1", brand: "BULB", name: "EV Charger Installation", price: "From £800", rating: 5,
|
||
reviewCount: "230 reviews", imageSrc: "http://img.b2bpic.net/free-photo/modern-electric-car-charging-station-garage_23-2151044458.jpg", imageAlt: "Modern electric car charging station in a premium garage"},
|
||
{
|
||
id: "s2", brand: "BULB", name: "Full Rewires", price: "Quote Basis", rating: 5,
|
||
reviewCount: "180 reviews", imageSrc: "http://img.b2bpic.net/free-photo/interior-construction-site-room-electrical-wiring_23-2149454179.jpg", imageAlt: "Clean and organized electrical wiring in a new build"},
|
||
{
|
||
id: "s3", brand: "BULB", name: "Smart Home Systems", price: "Custom Project", rating: 5,
|
||
reviewCount: "210 reviews", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-design_23-2151821323.jpg", imageAlt: "Integrated smart home control panel in a minimalist living room"},
|
||
{
|
||
id: "s4", brand: "BULB", name: "Lighting Design", price: "Design Fee + Install", rating: 5,
|
||
reviewCount: "195 reviews", imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-modern-lighting_23-2150654486.jpg", imageAlt: "Sophisticated modern lighting design in a luxury apartment"},
|
||
{
|
||
id: "s5", brand: "BULB", name: "Commercial Electrical", price: "Project Based", rating: 5,
|
||
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior_23-2148899436.jpg", imageAlt: "Sleek, modern commercial office interior with optimized electrical systems"},
|
||
{
|
||
id: "s6", brand: "BULB", name: "Consumer Units & Upgrades", price: "From £450", rating: 5,
|
||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-modern-industrial-building_23-2150663486.jpg", imageAlt: "State-of-the-art consumer unit in a clean, modern setup"},
|
||
{
|
||
id: "s7", brand: "BULB", name: "Emergency Repairs", price: "Call Out Fee", rating: 5,
|
||
reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/electrician-inspecting-modern-electrical-panel_23-2150663471.jpg", imageAlt: "Skilled electrician performing meticulous inspection"},
|
||
{
|
||
id: "s8", brand: "BULB", name: "Maintenance Contracts", price: "Monthly/Annual", rating: 5,
|
||
reviewCount: "75 reviews", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-electrical-equipment-control-room_23-2150663495.jpg", imageAlt: "Professional maintenance of high-tech electrical equipment"},
|
||
]}
|
||
title="Comprehensive Electrical Solutions."
|
||
description="Tailored services designed for peak performance and lasting reliability. From innovative EV charging to intricate smart home systems, we deliver unparalleled quality."
|
||
containerClassName="py-12 md:py-24"
|
||
/>
|
||
</div>
|
||
|
||
<div id="projects" data-section="projects">
|
||
<BlogCardOne
|
||
animationType="opacity"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Our Signature Projects."
|
||
description="Transforming spaces with precision and innovative electrical design. Explore a selection of our most impactful completed projects."
|
||
blogs={[
|
||
{
|
||
id: "p1", category: "Residential", title: "Luxury Home Lighting Installation", excerpt: "A bespoke lighting system designed and installed for a high-end residential property, creating dynamic ambiance.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-elegant-lighting_23-2150654489.jpg", imageAlt: "Luxury smart home living room with exquisite lighting", authorName: "BULB Team", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", date: "October 2023"},
|
||
{
|
||
id: "p2", category: "Commercial", title: "Commercial Office Fit-Out", excerpt: "Complete electrical infrastructure installation for a modern corporate office, ensuring efficiency and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-interior_23-2151036082.jpg", imageAlt: "Sleek, open-plan commercial office interior", authorName: "BULB Team", authorAvatar: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", date: "September 2023"},
|
||
{
|
||
id: "p3", category: "Smart Systems", title: "Smart Home Integration", excerpt: "Seamless integration of advanced smart home systems for ultimate control and energy efficiency in a new build.", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-system-control-panel_23-2151821323.jpg", imageAlt: "Seamless wall-mounted smart home integration panel", authorName: "BULB Team", authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-african-man-glasses-standing-street-outdoor-photo-stylish-black-guy-listening-music-headphones_197531-21803.jpg", date: "August 2023"},
|
||
{
|
||
id: "p4", category: "EV Charging", title: "EV Charging Installation", excerpt: "Installation of multiple high-speed EV charging stations for a residential development, promoting sustainable living.", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-charging-station-modern-garage_23-2151044458.jpg", imageAlt: "Electric vehicle charging station in a modern garage", authorName: "BULB Team", authorAvatar: "http://img.b2bpic.net/free-photo/outside-portrait-young-smiling-woman-with-wavy-hair-wearing-striped-tshirt-blue-shirt-is-posing-camera-with-happy-smile-against-city-square-with-green-exotic-trees_291650-1903.jpg", date: "July 2023"},
|
||
]}
|
||
containerClassName="py-12 md:py-24"
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardSeven
|
||
useInvertedBackground={true}
|
||
title="Our Seamless Process."
|
||
description="Experience electrical work delivered with clarity, efficiency, and expert care. From initial concept to certified completion, we ensure a smooth journey."
|
||
animationType="opacity"
|
||
features={[
|
||
{
|
||
title: "1. Consultation", description: "We begin with a thorough consultation to understand your needs, objectives, and existing infrastructure. This allows us to tailor a solution that perfectly fits your requirements and budget. Our experts provide clear, concise advice.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EVH29cNB4aTXkBh7MjsAxnRbrF/uploaded-1780258576787-oi5cyo9j.png", imageAlt: "Consultation process diagram"
|
||
},
|
||
{
|
||
title: "2. Design & Planning", description: "Leveraging cutting-edge technology, our team designs a robust, efficient, and aesthetically pleasing electrical plan. Every detail is meticulously planned to ensure optimal performance, safety, and compliance with all regulations.", imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-working-architectural-project-design-new-plan_23-2147983057.jpg", imageAlt: "Architectural design and planning"
|
||
},
|
||
{
|
||
title: "3. Installation", description: "Our certified electricians execute the installation with unparalleled precision and attention to detail. We use only premium-grade materials and advanced techniques, minimizing disruption and adhering strictly to timelines.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-on-electrical-panel_23-2150663471.jpg", imageAlt: "Electrician installing electrical panel"
|
||
},
|
||
{
|
||
title: "4. Testing & Certification", description: "Upon completion, every aspect of your new electrical system undergoes rigorous testing to guarantee safety, functionality, and compliance. We provide full certification, giving you complete peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-electrical-equipment_23-2150663495.jpg", imageAlt: "Technician testing electrical equipment"
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Client Success Stories."
|
||
description="Hear from those who've experienced the BULB difference in quality and service. Our commitment to excellence shines through every project."
|
||
animationType="opacity"
|
||
carouselMode="auto"
|
||
gridVariant="uniform-all-items-equal"
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah J.", role: "Residential Client", testimonial: "BULB transformed our home with their smart system integration. The attention to detail and flawless execution was truly impressive. Highly recommend for any premium electrical needs.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-ipad_23-2148369439.jpg"},
|
||
{
|
||
id: "t2", name: "Mark C.", role: "Business Owner", testimonial: "Our office rewire by BULB was seamless and efficient. The team was professional, clean, and delivered ahead of schedule. A truly premium service that exceeded our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899440.jpg"},
|
||
{
|
||
id: "t3", name: "Emily R.", role: "Property Developer", testimonial: "The EV charger installation was quick, clean, and perfectly integrated into our property. BULB's expertise and customer service are second to none. Absolutely delighted with the result.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg"},
|
||
{
|
||
id: "t4", name: "David K.", role: "Residential Client", testimonial: "BULB's lighting design completely elevated our luxury apartment. The team’s creativity and technical skill brought our vision to life. A truly bespoke and brilliant service.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg"},
|
||
{
|
||
id: "t5", name: "Jessica L.", role: "Commercial Manager", testimonial: "We rely on BULB for all our commercial electrical maintenance. Their team is consistently reliable, responsive, and proactive, ensuring our operations run smoothly. Invaluable service.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "downward-rays-animated-grid"}}
|
||
text="Ready to Elevate Your Space? Experience the unparalleled difference of BULB. Secure your future with precision electrical solutions and innovative design. Get your personalized quote today."
|
||
buttons={[
|
||
{
|
||
text: "Unlock Your Quote", href: "#contact"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
columns={[
|
||
{
|
||
title: "Services", items: [
|
||
{
|
||
label: "EV Charger Installation", href: "#services"},
|
||
{
|
||
label: "Smart Home Systems", href: "#services"},
|
||
{
|
||
label: "Lighting Design", href: "#services"},
|
||
{
|
||
label: "Commercial Electrical", href: "#services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Our Process", href: "#process"},
|
||
{
|
||
label: "Featured Projects", href: "#projects"},
|
||
{
|
||
label: "Testimonials", href: "#testimonials"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Request a Quote", href: "#contact"},
|
||
{
|
||
label: "info@bulb.com", href: "mailto:info@bulb.com"},
|
||
{
|
||
label: "+44 7911 123456", href: "tel:+447911123456"},
|
||
{
|
||
label: "LinkedIn", href: "https://linkedin.com/company/bulb"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="BULB"
|
||
copyrightText="© 2024 BULB. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|