Merge version_1 into main #1
147
src/app/page.tsx
147
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Briefcase, Calendar, ThumbsUp } from "lucide-react";
|
||||
import { Briefcase, Calendar, ThumbsUp, Zap, Sun, Shield, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Services", id: "/services" },
|
||||
]}
|
||||
brandName="Roof Boss USA"
|
||||
/>
|
||||
@@ -55,37 +43,16 @@ export default function LandingPage() {
|
||||
title="Built to Last. Installed to Perfection."
|
||||
description="Premium roofing, metal systems, skylights, and repairs—done right the first time. We handle the complex projects others can't."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Schedule Inspection",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "/contact" },
|
||||
{ text: "Schedule Inspection", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg",
|
||||
alt: "Professional roofer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg",
|
||||
alt: "Expert installer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg",
|
||||
alt: "Client lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
alt: "Project manager",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15654.jpg", alt: "Professional roofer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19122.jpg", alt: "Expert installer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg", alt: "Client lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Project manager" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", alt: "Satisfied customer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ homeowners"
|
||||
/>
|
||||
@@ -95,31 +62,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-adorable-african-american-woman-has-broad-smile-wears-striped-t-shirt-being-good-mood-rests-cafeteria-with-best-friends-smiling-dark-skinned-young-female-poses-indoor_273609-2872.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portait-two-generation-carpenters_329181-15614.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-construction_23-2149366626.jpg" },
|
||||
{ id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg" },
|
||||
{ id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-adorable-african-american-woman-has-broad-smile-wears-striped-t-shirt-being-good-mood-rests-cafeteria-with-best-friends-smiling-dark-skinned-young-female-poses-indoor_273609-2872.jpg" },
|
||||
{ id: "t5", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/portait-two-generation-carpenters_329181-15614.jpg" },
|
||||
]}
|
||||
cardTitle="Trusted by Homeowners & Builders"
|
||||
cardTag="4.5 Rating | 55+ Reviews"
|
||||
@@ -132,30 +79,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Metal Roofing",
|
||||
description: "Signature metal fabrication and installation.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
|
||||
},
|
||||
{
|
||||
title: "Skylights",
|
||||
description: "Flawless skylight and sun tunnel integration.",
|
||||
buttonIcon: "Sun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg",
|
||||
},
|
||||
{
|
||||
title: "Flat Roofing",
|
||||
description: "Reliable TPO, PVC, and commercial flat systems.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
|
||||
},
|
||||
{
|
||||
title: "Repairs",
|
||||
description: "Expert leak detection and exterior waterproofing.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg",
|
||||
},
|
||||
{ title: "Metal Roofing", description: "Signature metal fabrication and installation.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg" },
|
||||
{ title: "Skylights", description: "Flawless skylight and sun tunnel integration.", buttonIcon: Sun, imageSrc: "http://img.b2bpic.net/free-photo/gray-brown-concrete-modern-building-shot-from-low-angle_181624-3502.jpg" },
|
||||
{ title: "Flat Roofing", description: "Reliable TPO, PVC, and commercial flat systems.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg" },
|
||||
{ title: "Repairs", description: "Expert leak detection and exterior waterproofing.", buttonIcon: Wrench, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-couple-standing-balcony_23-2147923064.jpg" },
|
||||
]}
|
||||
title="Premium Roofing Systems"
|
||||
description="From custom metal fabrication to complex skylight installations, our experts provide precision roofing services."
|
||||
@@ -170,24 +97,9 @@ export default function LandingPage() {
|
||||
title="Proven Performance"
|
||||
description="Our numbers speak for the durability and quality we bring to every job site."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Briefcase,
|
||||
title: "Projects Completed",
|
||||
value: "1,200+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: ThumbsUp,
|
||||
title: "Satisfied Clients",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Calendar,
|
||||
title: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
{ id: "m1", icon: Briefcase, title: "Projects Completed", value: "1,200+" },
|
||||
{ id: "m2", icon: ThumbsUp, title: "Satisfied Clients", value: "99%" },
|
||||
{ id: "m3", icon: Calendar, title: "Years Experience", value: "25+" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -195,18 +107,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Get in touch with our team today for a comprehensive evaluation of your roofing needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Today",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Today", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user