Update src/app/page.tsx
This commit is contained in:
284
src/app/page.tsx
284
src/app/page.tsx
@@ -31,129 +31,48 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "#about" },
|
||||||
name: "About",
|
{ name: "Services", id: "#services" },
|
||||||
id: "#about",
|
{ name: "Reviews", id: "#testimonials" },
|
||||||
},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Southwick Electric, Inc."
|
brandName="Southwick Electric, Inc."
|
||||||
button={{
|
button={{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:4135696120"}}
|
||||||
href: "tel:4135696120",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Your Trusted Electrical Partner in Massachusetts"
|
title="Your Trusted Electrical Partner in Massachusetts"
|
||||||
description="From commercial maintenance to new construction, Southwick Electric, Inc. provides prompt, professional, and affordable electrical services you can rely on."
|
description="From commercial maintenance to new construction, Southwick Electric, Inc. provides prompt, professional, and affordable electrical services you can rely on."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Stephen Orluk", handle: "@customer", testimonial: "Our main breaker fried early Friday of Labor day weekend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||||
name: "Stephen Orluk",
|
{ name: "Ryan Pease", handle: "@customer", testimonial: "Great service and price.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg" },
|
||||||
handle: "@customer",
|
{ name: "Jim Ovitt", handle: "@customer", testimonial: "Technician Nate was outstanding, great representative for your company!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg" },
|
||||||
testimonial: "Our main breaker fried early Friday of Labor day weekend.",
|
{ name: "Sarah Miller", handle: "@customer", testimonial: "Fast, friendly, and very professional team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-near-new-house-real-estate-concept_493343-29879.jpg" },
|
||||||
rating: 5,
|
{ name: "David Clark", handle: "@customer", testimonial: "High quality work, will hire again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Ryan Pease",
|
|
||||||
handle: "@customer",
|
|
||||||
testimonial: "Great service and price.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Jim Ovitt",
|
|
||||||
handle: "@customer",
|
|
||||||
testimonial: "Technician Nate was outstanding, great representative for your company!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-his-plans_23-2148242980.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Sarah Miller",
|
|
||||||
handle: "@customer",
|
|
||||||
testimonial: "Fast, friendly, and very professional team.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-near-new-house-real-estate-concept_493343-29879.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "David Clark",
|
|
||||||
handle: "@customer",
|
|
||||||
testimonial: "High quality work, will hire again.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||||
{
|
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66530.jpg"
|
||||||
text: "Get a Quote",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66530.jpg?_wi=1"
|
|
||||||
imageAlt="electrician working industrial"
|
imageAlt="electrician working industrial"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg", alt: "happy homeowner portrait" },
|
||||||
src: "http://img.b2bpic.net/free-photo/home-comfort-coziness-domesticity-concept-cropped-portrait-confident-happy-young-woman-spending-day-home_343059-3893.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", alt: "Smiley father posing with arms crossed" },
|
||||||
alt: "happy homeowner portrait",
|
{ src: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg", alt: "Young male model posing outdoor" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg", alt: "Front view man posing in kitchen" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", alt: "Front view smiley woman at travel agency" },
|
||||||
src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
|
|
||||||
alt: "Smiley father posing with arms crossed",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
|
|
||||||
alt: "Young male model posing outdoor",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg",
|
|
||||||
alt: "Front view man posing in kitchen",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
|
|
||||||
alt: "Front view smiley woman at travel agency",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ Local Clients"
|
avatarText="Trusted by 500+ Local Clients"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Commercial Electrical" },
|
||||||
type: "text",
|
{ type: "text", text: "Industrial Systems" },
|
||||||
text: "Commercial Electrical",
|
{ type: "text", text: "New Construction" },
|
||||||
},
|
{ type: "text", text: "Safety Certified" },
|
||||||
{
|
{ type: "text", text: "Licensed & Insured" },
|
||||||
type: "text",
|
|
||||||
text: "Industrial Systems",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "New Construction",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Safety Certified",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Licensed & Insured",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -162,15 +81,8 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "Professional Electrical Contracting Services" },
|
||||||
type: "text",
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-electrician-manages-switchgear-inspection-with-tablet-tech-room-panel-automation_169016-71118.jpg", alt: "electrician inspection" },
|
||||||
content: "Professional Electrical Contracting Services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/female-electrician-manages-switchgear-inspection-with-tablet-tech-room-panel-automation_169016-71118.jpg",
|
|
||||||
alt: "electrician inspection",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -182,49 +94,25 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Commercial Services",
|
title: "Commercial Services", description: "Reliable maintenance and installation for businesses.", icon: Zap,
|
||||||
description: "Reliable maintenance and installation for businesses.",
|
|
||||||
icon: Zap,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-goggles-reviews-tablet-schematic-safe-inspection_169016-71212.jpg" },
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-goggles-reviews-tablet-schematic-safe-inspection_169016-71212.jpg",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66530.jpg?_wi=2",
|
|
||||||
imageAlt: "electrician inspection",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Industrial Solutions",
|
title: "Industrial Solutions", description: "Expert services for complex industrial facilities.", icon: Shield,
|
||||||
description: "Expert services for complex industrial facilities.",
|
|
||||||
icon: Shield,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" },
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-manages-switchgear-inspection-with-tablet-tech-room-panel-automation_169016-71118.jpg",
|
|
||||||
imageAlt: "electrician inspection",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "New Construction",
|
title: "New Construction", description: "Quality electrical installation from the ground up.", icon: Wrench,
|
||||||
description: "Quality electrical installation from the ground up.",
|
|
||||||
icon: Wrench,
|
|
||||||
mediaItems: [
|
mediaItems: [
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-woman-performs-manual-switchgear-inspection-technical-maintenance_169016-70945.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-woman-performs-manual-switchgear-inspection-technical-maintenance_169016-70945.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66688.jpg" },
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66688.jpg",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg?_wi=2",
|
|
||||||
imageAlt: "electrician inspection",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Comprehensive Electrical Solutions"
|
title="Comprehensive Electrical Solutions"
|
||||||
@@ -239,27 +127,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "10+", title: "Years Experience", description: "Reliable service delivery.", icon: Award },
|
||||||
id: "1",
|
{ id: "2", value: "500+", title: "Projects Completed", description: "Quality assurance.", icon: CheckCircle },
|
||||||
value: "10+",
|
{ id: "3", value: "4.5", title: "Google Rating", description: "Trusted by our community.", icon: Star },
|
||||||
title: "Years Experience",
|
|
||||||
description: "Reliable service delivery.",
|
|
||||||
icon: Award,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "500+",
|
|
||||||
title: "Projects Completed",
|
|
||||||
description: "Quality assurance.",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
value: "4.5",
|
|
||||||
title: "Google Rating",
|
|
||||||
description: "Trusted by our community.",
|
|
||||||
icon: Star,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Track Record"
|
title="Our Track Record"
|
||||||
description="Committed to excellence in everything we do."
|
description="Committed to excellence in everything we do."
|
||||||
@@ -273,26 +143,11 @@ export default function LandingPage() {
|
|||||||
rating={5}
|
rating={5}
|
||||||
author="Jim Ovitt"
|
author="Jim Ovitt"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", alt: "happy homeowner portrait" },
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg", alt: "small business owner portrait" },
|
||||||
alt: "happy homeowner portrait",
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-portrait-construction-engineer-holding-clipboard_23-2148233720.jpg", alt: "project manager construction" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/happy-family-near-new-house-real-estate-concept_493343-29879.jpg", alt: "family outside house" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg", alt: "business client portrait" },
|
||||||
src: "http://img.b2bpic.net/free-photo/healthy-breakfast-concept-with-modern-woman_23-2148115601.jpg",
|
|
||||||
alt: "small business owner portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-portrait-construction-engineer-holding-clipboard_23-2148233720.jpg",
|
|
||||||
alt: "project manager construction",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-family-near-new-house-real-estate-concept_493343-29879.jpg",
|
|
||||||
alt: "family outside house",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",
|
|
||||||
alt: "business client portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -304,21 +159,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "What service areas do you cover?", content: "We serve Massachusetts and Connecticut." },
|
||||||
id: "1",
|
{ id: "2", title: "Do you handle industrial projects?", content: "Yes, we specialize in both commercial and industrial projects." },
|
||||||
title: "What service areas do you cover?",
|
{ id: "3", title: "How can I request a quote?", content: "Call us at (413) 569-6120 or fill out the contact form below." },
|
||||||
content: "We serve Massachusetts and Connecticut.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Do you handle industrial projects?",
|
|
||||||
content: "Yes, we specialize in both commercial and industrial projects.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "How can I request a quote?",
|
|
||||||
content: "Call us at (413) 569-6120 or fill out the contact form below.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Get quick answers to common questions about our services."
|
description="Get quick answers to common questions about our services."
|
||||||
@@ -329,46 +172,17 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient",
|
|
||||||
}}
|
|
||||||
text="Ready to get started? Contact Southwick Electric, Inc. for your electrical needs today."
|
text="Ready to get started? Contact Southwick Electric, Inc. for your electrical needs today."
|
||||||
buttons={[
|
buttons={[{ text: "Call (413) 569-6120", href: "tel:4135696120" }]}
|
||||||
{
|
|
||||||
text: "Call (413) 569-6120",
|
|
||||||
href: "tel:4135696120",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||||
items: [
|
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Southwick Electric, Inc."
|
logoText="Southwick Electric, Inc."
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user