Merge version_1 into main #2
161
src/app/page.tsx
161
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { CheckCircle, Clock, Gauge, Info, MapPin, ShieldCheck } from "lucide-react";
|
||||
import { CheckCircle, Clock, Gauge, Info, MapPin, ShieldCheck, UserCheck, Zap, Award, Sparkles, MessageSquare, ThumbsUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ETC Services"
|
||||
/>
|
||||
@@ -53,70 +45,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Trusted Roofing Experts Backed by Real Customers"
|
||||
description="See why homeowners consistently choose us for quality, professionalism, and results. We deliver reliable workmanship, clear communication, and a stress-free experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Services", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980629.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980629.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/safety-travel-asian-female-traveller-new-normal-lifestyle-hand-use-smartphone-capture-sight-seeing-moment-wooden-bridge-old-town-newport-rhode-island_609648-1059.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/safety-travel-asian-female-traveller-new-normal-lifestyle-hand-use-smartphone-capture-sight-seeing-moment-wooden-bridge-old-town-newport-rhode-island_609648-1059.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Support", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Guaranteed",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Quality Guaranteed", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Estimates",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Free Estimates", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Owned",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Locally Owned", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -137,47 +104,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Professional Crews",
|
||||
description: "Our team is prompt, respectful, and easy to work with throughout the entire project.",
|
||||
buttonIcon: "UserCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg?_wi=2",
|
||||
imageAlt: "professional roofing services residential house",
|
||||
},
|
||||
title: "Professional Crews", description: "Our team is prompt, respectful, and easy to work with throughout the entire project.", buttonIcon: UserCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "professional roofing services residential house"},
|
||||
{
|
||||
title: "Fast Workmanship",
|
||||
description: "Projects are completed quickly, often in just one day, without sacrificing quality.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384864.jpg",
|
||||
imageAlt: "professional roofing team smiling",
|
||||
},
|
||||
title: "Fast Workmanship", description: "Projects are completed quickly, often in just one day, without sacrificing quality.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384864.jpg", imageAlt: "professional roofing team smiling"},
|
||||
{
|
||||
title: "Top-Tier Results",
|
||||
description: "Our work consistently ranks among the best, even after working with multiple contractors.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980629.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner front yard house",
|
||||
},
|
||||
title: "Top-Tier Results", description: "Our work consistently ranks among the best, even after working with multiple contractors.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980629.jpg", imageAlt: "happy homeowner front yard house"},
|
||||
{
|
||||
title: "Detailed Cleanup",
|
||||
description: "We leave your property spotless, treating your home with care and respect.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg?_wi=1",
|
||||
imageAlt: "satisfied homeowner garden house",
|
||||
},
|
||||
title: "Detailed Cleanup", description: "We leave your property spotless, treating your home with care and respect.", buttonIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg", imageAlt: "satisfied homeowner garden house"},
|
||||
{
|
||||
title: "Clear Communication",
|
||||
description: "We keep you informed from the first estimate to the final inspection.",
|
||||
buttonIcon: "MessageSquare",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg?_wi=1",
|
||||
imageAlt: "homeowner standing house exterior",
|
||||
},
|
||||
title: "Clear Communication", description: "We keep you informed from the first estimate to the final inspection.", buttonIcon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg", imageAlt: "homeowner standing house exterior"},
|
||||
{
|
||||
title: "Trusted Referrals",
|
||||
description: "A large majority of our clients confidently recommend us to their friends and family.",
|
||||
buttonIcon: "ThumbsUp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg?_wi=1",
|
||||
imageAlt: "satisfied woman portrait home exterior",
|
||||
},
|
||||
title: "Trusted Referrals", description: "A large majority of our clients confidently recommend us to their friends and family.", buttonIcon: ThumbsUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg", imageAlt: "satisfied woman portrait home exterior"},
|
||||
]}
|
||||
title="What Homeowners Value Most"
|
||||
description="From first estimate to final inspection, here is why our customers trust us for their roofing needs."
|
||||
@@ -191,40 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Prompt, professional, courteous, and friendly… I would definitely recommend this company.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980629.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "Homeowner", testimonial: "Prompt, professional, courteous, and friendly… I would definitely recommend this company.", imageSrc: "http://img.b2bpic.net/free-photo/grandparents-little-boy-working-garden_23-2148980629.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Finished quickly, cleaned everything up, and the results were amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Michael C.", handle: "Homeowner", testimonial: "Finished quickly, cleaned everything up, and the results were amazing.", imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-outdoors_23-2148014113.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David K.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "One of the best contractor experiences I've had in 20 years of homeownership.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "David K.", handle: "Homeowner", testimonial: "One of the best contractor experiences I've had in 20 years of homeownership.", imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily R.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Great communication and excellent workmanship—couldn't be happier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg?_wi=2",
|
||||
},
|
||||
id: "t4", name: "Emily R.", handle: "Homeowner", testimonial: "Great communication and excellent workmanship—couldn't be happier.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert L.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "The crew was excellent and the final roof looks spectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/safety-travel-asian-female-traveller-new-normal-lifestyle-hand-use-smartphone-capture-sight-seeing-moment-wooden-bridge-old-town-newport-rhode-island_609648-1059.jpg",
|
||||
},
|
||||
id: "t5", name: "Robert L.", handle: "Homeowner", testimonial: "The crew was excellent and the final roof looks spectacular.", imageSrc: "http://img.b2bpic.net/free-photo/safety-travel-asian-female-traveller-new-normal-lifestyle-hand-use-smartphone-capture-sight-seeing-moment-wooden-bridge-old-town-newport-rhode-island_609648-1059.jpg"},
|
||||
]}
|
||||
title="Voices from Our Customers"
|
||||
description="Don't just take our word for it—read why homeowners trust ETC Services."
|
||||
@@ -235,16 +153,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to upgrade your roof with a team you can trust?"
|
||||
description="Contact ETC Services today for a free estimate and a stress-free experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@etcservices.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@etcservices.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user