Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Lightbulb, Cpu } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -18,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bustillo Electric"
|
||||
/>
|
||||
@@ -47,21 +43,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Bustillo Electric, Inc."
|
||||
description="Your trusted partner for professional electrical installations, maintenance, and expert diagnostics. Quality service you can count on."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -70,22 +59,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Reliable Electrical Experts",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50959.jpg",
|
||||
alt: "Electrician working",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ type: "text", content: "Reliable Electrical Experts" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50959.jpg", alt: "Electrician working" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,34 +71,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Wiring Installations",
|
||||
description: "Expert wiring for homes and offices.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-work-electrical-panel-wiring-screwdriver-installation_169016-68060.jpg?_wi=1",
|
||||
imageAlt: "Electrician at work Electrical panel wiring Screwdriver installation",
|
||||
},
|
||||
{
|
||||
title: "Safety Inspections",
|
||||
description: "Ensure your property meets all safety standards.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg?_wi=2",
|
||||
imageAlt: "Electrician at work Electrical panel wiring Screwdriver installation",
|
||||
},
|
||||
{
|
||||
title: "Lighting Design",
|
||||
description: "Modern lighting solutions for every space.",
|
||||
buttonIcon: "Lightbulb",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50959.jpg?_wi=1",
|
||||
imageAlt: "Electrician at work Electrical panel wiring Screwdriver installation",
|
||||
},
|
||||
{
|
||||
title: "Panel Upgrades",
|
||||
description: "Modernize your electrical infrastructure.",
|
||||
buttonIcon: "Cpu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
||||
imageAlt: "Electrician at work Electrical panel wiring Screwdriver installation",
|
||||
},
|
||||
{ title: "Wiring Installations", description: "Expert wiring for homes and offices.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/electrician-work-electrical-panel-wiring-screwdriver-installation_169016-68060.jpg" },
|
||||
{ title: "Safety Inspections", description: "Ensure your property meets all safety standards.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg" },
|
||||
{ title: "Lighting Design", description: "Modern lighting solutions for every space.", buttonIcon: Lightbulb, imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50959.jpg" },
|
||||
{ title: "Panel Upgrades", description: "Modernize your electrical infrastructure.", buttonIcon: Cpu, imageSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg" },
|
||||
]}
|
||||
title="Comprehensive Electrical Solutions"
|
||||
description="From residential wiring to commercial diagnostics, we provide safe and high-quality electrical work."
|
||||
@@ -135,21 +88,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
description: "Projects completed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Safety compliance",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of experience" },
|
||||
{ id: "m2", value: "5000+", description: "Projects completed" },
|
||||
{ id: "m3", value: "100%", description: "Safety compliance" },
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Proven reliability in every project we undertake."
|
||||
@@ -161,61 +102,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
date: "2023-05-12",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent service and very professional.",
|
||||
tag: "Residential",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg?_wi=3",
|
||||
imageAlt: "portrait happy homeowner",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
date: "2023-06-20",
|
||||
title: "Property Manager",
|
||||
quote: "Reliable and fast response time.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50959.jpg?_wi=2",
|
||||
imageAlt: "portrait happy homeowner",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Brown",
|
||||
date: "2023-08-15",
|
||||
title: "Contractor",
|
||||
quote: "My go-to for all electrical needs.",
|
||||
tag: "Industry",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
imageAlt: "portrait happy homeowner",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Alice White",
|
||||
date: "2023-11-02",
|
||||
title: "Small Business Owner",
|
||||
quote: "Professional work that passed all inspections.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-family-couple-analyze-data-develop-new-startup-project_273609-44860.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-work-electrical-panel-wiring-screwdriver-installation_169016-68060.jpg?_wi=2",
|
||||
imageAlt: "portrait happy homeowner",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Charlie King",
|
||||
date: "2024-01-10",
|
||||
title: "Homeowner",
|
||||
quote: "Safe and effective wiring done on time.",
|
||||
tag: "Renovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24403.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg",
|
||||
imageAlt: "portrait happy homeowner",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", date: "2023-05-12", title: "Homeowner", quote: "Excellent service and very professional.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/older-woman-drinking-coffee-smiling-house-white-shirt-daytime_176474-4942.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-15090.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", date: "2023-06-20", title: "Property Manager", quote: "Reliable and fast response time.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-50959.jpg" },
|
||||
{ id: "t3", name: "Robert Brown", date: "2023-08-15", title: "Contractor", quote: "My go-to for all electrical needs.", tag: "Industry", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "t4", name: "Alice White", date: "2023-11-02", title: "Small Business Owner", quote: "Professional work that passed all inspections.", tag: "Retail", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-mixed-race-family-couple-analyze-data-develop-new-startup-project_273609-44860.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electrician-work-electrical-panel-wiring-screwdriver-installation_169016-68060.jpg" },
|
||||
{ id: "t5", name: "Charlie King", date: "2024-01-10", title: "Homeowner", quote: "Safe and effective wiring done on time.", tag: "Renovation", avatarSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24403.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17661.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by home and business owners."
|
||||
@@ -227,21 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we are available for emergency repairs 24/7.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we hold all required licenses and insurance.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a quote?",
|
||||
content: "Contact us via the form on our website or call us directly.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer emergency service?", content: "Yes, we are available for emergency repairs 24/7." },
|
||||
{ id: "q2", title: "Are you licensed and insured?", content: "Yes, we hold all required licenses and insurance." },
|
||||
{ id: "q3", title: "How do I get a quote?", content: "Contact us via the form on our website or call us directly." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about our electrical services."
|
||||
@@ -252,9 +131,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get a Professional Quote"
|
||||
description="Ready to get started? Fill out the form and our team will reach out to you shortly."
|
||||
@@ -265,29 +142,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user