bender/fba88983-21ac-40f7-bd1f-54589fdf9271
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-30 23:26:28 +00:00
Conversation 0 Commits 2 Files Changed 2 +41 -232
2 changed files with 41 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

259
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -31,18 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "The Doll Standard",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" },
]}
brandName="Doll Electric"
/>
@@ -50,48 +41,17 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Master-Level Power. Rare Professionalism."
description="Specializing in 200 Amp Upgrades, EV Charging, and Generator Systems for discerning homeowners."
buttons={[
{
text: "Get a Fair Estimate",
href: "#contact",
},
]}
buttons={[{ text: "Get a Fair Estimate", href: "#contact" }]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close_169016-4109.jpg",
imageAlt: "Service Panel Upgrade",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg",
imageAlt: "EV Charger",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902918.jpg",
imageAlt: "Custom Lighting",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582576.jpg",
imageAlt: "Generator System",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24583.jpg",
imageAlt: "Wiring Work",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg",
imageAlt: "Custom Fixture",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close_169016-4109.jpg?w=800", imageAlt: "Service Panel Upgrade" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg?w=800", imageAlt: "EV Charger" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902918.jpg?w=800", imageAlt: "Custom Lighting" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582576.jpg?w=800", imageAlt: "Generator System" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24583.jpg?w=800", imageAlt: "Wiring Work" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg?w=800", imageAlt: "Custom Fixture" },
]}
/>
</div>
@@ -100,43 +60,12 @@ export default function LandingPage() {
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "EV Charger Installation",
subtitle: "High-speed 50-amp circuits.",
category: "Charging",
value: "Reliable",
},
{
id: "s2",
title: "200 Amp Panel Upgrades",
subtitle: "Safety and capacity modernization.",
category: "Infrastructure",
value: "Essential",
},
{
id: "s3",
title: "Generator Hookups",
subtitle: "Power your home during emergencies.",
category: "Emergency",
value: "Secure",
},
{
id: "s4",
title: "Custom Lighting Installs",
subtitle: "Modern recessed and decorative lighting.",
category: "Lighting",
value: "Aesthetic",
},
{
id: "s5",
title: "Smart Home Integration",
subtitle: "Automated lighting and energy controls.",
category: "Innovation",
value: "Advanced",
},
{ id: "s1", title: "EV Charger Installation", subtitle: "High-speed 50-amp circuits.", category: "Charging", value: "Reliable" },
{ id: "s2", title: "200 Amp Panel Upgrades", subtitle: "Safety and capacity modernization.", category: "Infrastructure", value: "Essential" },
{ id: "s3", title: "Generator Hookups", subtitle: "Power your home during emergencies.", category: "Emergency", value: "Secure" },
{ id: "s4", title: "Custom Lighting Installs", subtitle: "Modern recessed and decorative lighting.", category: "Lighting", value: "Aesthetic" },
{ id: "s5", title: "Smart Home Integration", subtitle: "Automated lighting and energy controls.", category: "Innovation", value: "Advanced" },
]}
title="Specialty Services"
description="Expert-led residential solutions for modern demands."
@@ -146,16 +75,7 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Rare Expertise",
"Professional and Neat",
"Trustworthy and Fair",
"Master Electrician",
"Punctual Delivery",
"High Quality",
"Exceptional Service",
]}
names={["Rare Expertise", "Professional and Neat", "Trustworthy and Fair", "Master Electrician", "Punctual Delivery", "High Quality", "Exceptional Service"]}
title="The Doll Standard"
description="Clean, Professional, Punctual."
/>
@@ -163,13 +83,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Commitment"
title="We Work Clean and Leave No Trace"
description="Our team, led by Derek, Alex, and Caleb, ensures that your home remains in pristine condition throughout the entire electrical installation process."
subdescription="You can count on professional results with respect for your living space."
icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/displeased-mechanicers-cable-line-repairing-have-dirty-faces-after-hard-work_273609-8291.jpg"
imageSrc="http://img.b2bpic.net/free-photo/displeased-mechanicers-cable-line-repairing-have-dirty-faces-after-hard-work_273609-8291.jpg?w=800"
mediaAnimation="slide-up"
/>
</div>
@@ -179,46 +98,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
title: "Great Experience",
quote: "Rare expertise! They did a perfect job.",
name: "Sarah J.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",
},
{
id: "t2",
title: "Highly Recommend",
quote: "Professional and neat throughout the project.",
name: "Mike D.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
},
{
id: "t3",
title: "Reliable Pros",
quote: "Trustworthy and fair pricing. Very happy.",
name: "Elena R.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
},
{
id: "t4",
title: "Excellent Team",
quote: "Derek and his team were prompt and helpful.",
name: "Tom B.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
},
{
id: "t5",
title: "Top Tier",
quote: "Clean work, fast install, amazing results.",
name: "Lisa G.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-businesswoman-posing-with-arms-folded_1262-20950.jpg",
},
{ id: "t1", title: "Great Experience", quote: "Rare expertise! They did a perfect job.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg?w=200" },
{ id: "t2", title: "Highly Recommend", quote: "Professional and neat throughout the project.", name: "Mike D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg?w=200" },
{ id: "t3", title: "Reliable Pros", quote: "Trustworthy and fair pricing. Very happy.", name: "Elena R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg?w=200" },
]}
title="Client Feedback"
description="What our customers are saying about our quality."
@@ -228,33 +110,10 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you provide free estimates?",
content: "Yes, we offer fair, professional estimates.",
},
{
id: "f2",
title: "What service areas do you cover?",
content: "We serve our local area with premium electrical services.",
},
{
id: "f3",
title: "Are your electricians licensed?",
content: "All our team members are certified master electricians.",
},
{
id: "f4",
title: "How do I schedule an emergency visit?",
content: "Use the floating emergency button on our site.",
},
{
id: "f5",
title: "Do you offer financing?",
content: "Yes, we work with preferred local credit partners for major upgrades.",
},
{ id: "f1", title: "Do you provide free estimates?", content: "Yes, we offer fair, professional estimates." },
{ id: "f2", title: "What service areas do you cover?", content: "We serve the metro area with premium residential electrical services." },
{ id: "f3", title: "Are your electricians licensed?", content: "All our team members are certified master electricians." },
]}
title="Frequently Asked Questions"
description="Quick answers to your electrical service needs."
@@ -263,73 +122,23 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
<ContactCenter
tag="Contact Us"
title="Ready for an Estimate?"
description="Tell us about your project and we'll get back to you."
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66829.jpg"
imageAlt="Electrician working in a switchboard"
background={{ variant: "rotated-rays-static" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Doll Electric"
<FooterSimple
columns={[
{
title: "Services",
items: [
{
label: "EV Charging",
href: "#services",
},
{
label: "Panel Upgrades",
href: "#services",
},
{
label: "Lighting",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Testimonials",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "EV Charging" }, { label: "Panel Upgrades" }, { label: "Lighting" }] },
{ title: "Company", items: [{ label: "About Us" }, { label: "Careers" }] },
{ title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
]}
copyrightText="© 2026 Doll Electric | Professional Electrical Services"
bottomLeftText="© 2026 Doll Electric"
bottomRightText="Licensed & Insured"
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #0A192F;
--primary-cta: #007BFF;
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;
--secondary-cta: #ecebea;
--secondary-cta-text: #0A192F;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #ffffff;
--background-accent: #c6b180;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);