Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Home, Settings, Wrench, Users, Phone } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -29,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="BlueRoof Pro"
|
||||
/>
|
||||
@@ -56,20 +42,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="BlueRoof Pro Construction"
|
||||
description="Premium roofing solutions for your home and business. We provide expert installation, repair, and maintenance services with unmatched reliability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get an Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Get an Estimate", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg"
|
||||
imageAlt="Professional roof installation services"
|
||||
@@ -84,18 +62,9 @@ export default function LandingPage() {
|
||||
title="Decades of Roofing Excellence"
|
||||
description="At BlueRoof Pro, we combine traditional craftsmanship with modern materials to build roofs that stand the test of time. Our team is fully certified and dedicated to your safety and satisfaction."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Certified Experts",
|
||||
description: "Highly trained crew with industry-leading certifications.",
|
||||
},
|
||||
{
|
||||
title: "Top-Tier Materials",
|
||||
description: "Only the best materials sourced from reliable partners.",
|
||||
},
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Zero-compromise approach to site safety and site management.",
|
||||
},
|
||||
{ title: "Certified Experts", description: "Highly trained crew with industry-leading certifications.", icon: Users },
|
||||
{ title: "Top-Tier Materials", description: "Only the best materials sourced from reliable partners.", icon: Settings },
|
||||
{ title: "Safety First", description: "Zero-compromise approach to site safety and site management.", icon: Home },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-engineer-showing-something-his-colleagues-his-laptop_259150-60516.jpg"
|
||||
imageAlt="Our expert roofing team"
|
||||
@@ -109,18 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "New Installation",
|
||||
description: "High-quality roof installations for new constructions.",
|
||||
},
|
||||
{
|
||||
title: "Repair & Restoration",
|
||||
description: "Fast and reliable repair for damaged roofing systems.",
|
||||
},
|
||||
{
|
||||
title: "Maintenance & Inspection",
|
||||
description: "Proactive inspections to extend your roof's lifespan.",
|
||||
},
|
||||
{ icon: Home, title: "New Installation", description: "High-quality roof installations for new constructions." },
|
||||
{ icon: Wrench, title: "Repair & Restoration", description: "Fast and reliable repair for damaged roofing systems." },
|
||||
{ icon: Settings, title: "Maintenance & Inspection", description: "Proactive inspections to extend your roof's lifespan." },
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Whatever your roofing needs, our expert team has you covered with reliable, long-lasting results."
|
||||
@@ -132,14 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RoofCo",
|
||||
"BuildFast",
|
||||
"HomeArmor",
|
||||
"SteelTile",
|
||||
"SkylineConst",
|
||||
"BuildStrong",
|
||||
"TotalShield",
|
||||
]}
|
||||
"RoofCo", "BuildFast", "HomeArmor", "SteelTile", "SkylineConst", "BuildStrong", "TotalShield"]}
|
||||
title="Trusted Partners"
|
||||
description="We are proud to work with the industry's most reliable manufacturers."
|
||||
/>
|
||||
@@ -151,60 +104,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-near-house_250224-214.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "Business Owner",
|
||||
company: "Commercial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol White",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-moving-into-new-home-packing-unpacking-boxes-with-their-stuff-blonde-girl-with-long-hair-sitting-man-s-back_197531-1636.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Miller",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-talking-her-phone_23-2148404395.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Davis",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-standing-near-house_250224-214.jpg" },
|
||||
{ id: "2", name: "Bob Smith", role: "Business Owner", company: "Commercial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg" },
|
||||
{ id: "3", name: "Carol White", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-moving-into-new-home-packing-unpacking-boxes-with-their-stuff-blonde-girl-with-long-hair-sitting-man-s-back_197531-1636.jpg" },
|
||||
{ id: "4", name: "David Miller", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-senior-woman-talking-her-phone_23-2148404395.jpg" },
|
||||
{ id: "5", name: "Eve Davis", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1500+",
|
||||
label: "Roofs Replaced",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "1500+", label: "Roofs Replaced" },
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
{ value: "99%", label: "Client Satisfaction" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read honest reviews from satisfied homeowners who trusted us with their roofing projects."
|
||||
@@ -217,30 +126,11 @@ export default function LandingPage() {
|
||||
title="Request Your Free Estimate"
|
||||
description="Ready to start your roofing project? Fill out the form and our team will get in touch shortly to schedule a consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cross-stitch-pattern_23-2148145972.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -249,54 +139,24 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Safety", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Installation", href: "#services" },
|
||||
{ label: "Repair", href: "#services" },
|
||||
{ label: "Maintenance", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user