Merge version_2 into main #2
105
src/app/page.tsx
105
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Award, CheckCircle, Clock, DollarSign, HelpCircle, Lightbulb, Phone, Shield, Sparkles, Wrench, Zap } from 'lucide-react';
|
||||
|
||||
@@ -43,10 +44,9 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
<HeroSplit
|
||||
title="Powering Your World with Reliable Electricity"
|
||||
description="Fast, safe, and dependable electrical solutions for homes and businesses. Available 24/7 for emergencies and installations."
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
tag="Energy for Tomorrow"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
@@ -58,17 +58,12 @@ export default function LandingPage() {
|
||||
{ text: 'Call Now: (555) 123-4567', href: 'tel:+15551234567' }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatarText="Trusted by 2,500+ customers"
|
||||
avatars={[
|
||||
{ src: 'http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg', alt: 'Customer 1' },
|
||||
{ src: 'http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg', alt: 'Customer 2' },
|
||||
{ src: 'http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg', alt: 'Customer 3' }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
<FeatureCardEight
|
||||
features={[
|
||||
{
|
||||
id: '1',
|
||||
@@ -144,7 +139,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardFourteen
|
||||
<MetricCardEleven
|
||||
title="Why Choose PowerGrid Energy for Your Electrical Needs"
|
||||
tag="By The Numbers"
|
||||
tagAnimation="slide-up"
|
||||
@@ -238,19 +233,44 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="PowerGrid Energy transformed our entire home electrical system. The team was professional, punctual, and went above and beyond. We've recommended them to all our neighbors."
|
||||
rating={5}
|
||||
author="Sarah Mitchell, Homeowner"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
{ src: 'http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg', alt: 'Customer testimonial 1' },
|
||||
{ src: 'http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg', alt: 'Customer testimonial 2' },
|
||||
{ src: 'http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg', alt: 'Customer testimonial 3' },
|
||||
{ src: 'http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg', alt: 'Customer testimonial 4' }
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{
|
||||
id: '1',
|
||||
testimonial: 'PowerGrid Energy transformed our entire home electrical system. The team was professional, punctual, and went above and beyond.',
|
||||
rating: 5,
|
||||
author: 'Sarah Mitchell',
|
||||
role: 'Homeowner',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg',
|
||||
imageAlt: 'Sarah Mitchell'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
testimonial: 'Outstanding service and attention to detail. They completed our commercial project on time and within budget.',
|
||||
rating: 5,
|
||||
author: 'John Davis',
|
||||
role: 'Business Owner',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg',
|
||||
imageAlt: 'John Davis'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
testimonial: 'Best electricians in town! Fast response, professional work, and fair pricing. Highly recommended.',
|
||||
rating: 5,
|
||||
author: 'Emily Rodriguez',
|
||||
role: 'Property Manager',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg',
|
||||
imageAlt: 'Emily Rodriguez'
|
||||
}
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Real feedback from satisfied customers"
|
||||
tag="Testimonials"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -301,31 +321,12 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: '1',
|
||||
title: 'What should I do if I have an electrical emergency?',
|
||||
content: 'Call us immediately at (555) 123-4567. We provide 24/7 emergency service. Do not attempt to fix the problem yourself if you\'re unsure—electrical hazards can be dangerous. Our team will respond quickly to resolve the issue safely.'
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
title: 'How do I know if my electrical system needs an upgrade?',
|
||||
content: 'Signs include frequent breaker trips, flickering lights, outlets that don\'t work, or aging wiring. Schedule a free inspection and our certified electricians will evaluate your system and recommend upgrades if needed.'
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
title: 'Do you offer maintenance plans?',
|
||||
content: 'Yes! Our maintenance plans include regular inspections, priority emergency service, and discounts on repairs. This helps prevent major issues and extends the life of your electrical system.'
|
||||
}
|
||||
]}
|
||||
ctaTitle="Get Your Free Electrical Quote"
|
||||
ctaDescription="Let's assess your electrical needs and provide a transparent, no-obligation estimate."
|
||||
ctaButton={{ text: 'Schedule a Consultation', href: '#contact-form' }}
|
||||
ctaIcon={Phone}
|
||||
<ContactCenter
|
||||
title="Get Your Free Electrical Quote"
|
||||
description="Let's assess your electrical needs and provide a transparent, no-obligation estimate."
|
||||
buttonText="Schedule a Consultation"
|
||||
buttonHref="#contact-form"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -366,4 +367,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user