Update src/app/page.tsx
This commit is contained in:
308
src/app/page.tsx
308
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Shield, Star } from "lucide-react";
|
||||
import { Award, Shield, Star, Zap, Building, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Roofing Giant"
|
||||
/>
|
||||
@@ -56,81 +44,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Roofing Solutions Built to Last"
|
||||
description="From emergency repairs to full replacements, Roofing Giant delivers durable, insured work backed by 20 years of local expertise. Get your free inspection and estimate today."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg?_wi=1",
|
||||
imageAlt: "residential roof repair expert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=1",
|
||||
imageAlt: "commercial roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg?_wi=1",
|
||||
imageAlt: "expert roofing team onsite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg",
|
||||
imageAlt: "residential roofing solutions",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-with-construction-tools-construction-site_169016-5267.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg", imageAlt: "residential roof repair expert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "commercial roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "expert roofing team onsite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg", imageAlt: "residential roofing solutions" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/builder-with-construction-tools-construction-site_169016-5267.jpg", imageAlt: "roof inspection worker" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
|
||||
imageAlt: "high quality roofing results",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg",
|
||||
imageAlt: "residential roofing solutions",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
|
||||
imageAlt: "expert roofing team onsite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg",
|
||||
imageAlt: "commercial roofing project",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "high quality roofing results" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "roof inspection worker" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg", imageAlt: "residential roofing solutions" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "expert roofing team onsite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asconi-winery-with-industrial-metallic-barrels-moldova_1268-15924.jpg", imageAlt: "commercial roofing project" },
|
||||
]}
|
||||
buttons={[{ text: "Schedule Free Inspection", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg",
|
||||
alt: "Friendly entrepreneur",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
alt: "Business partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||||
alt: "Senior partner",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg", alt: "Friendly entrepreneur" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Business partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Satisfied client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg", alt: "Senior partner" },
|
||||
]}
|
||||
avatarText="Trusted by 2,500+ Local Homeowners"
|
||||
/>
|
||||
@@ -140,12 +77,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Local Roofing Expertise"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our Process",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn About Our Process", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,34 +86,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response for storm damage and leaks to protect your home.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
|
||||
imageAlt: "high quality roofing results",
|
||||
},
|
||||
{
|
||||
title: "Full Replacements",
|
||||
description: "Complete roof system replacement using high-performance materials.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg?_wi=2",
|
||||
imageAlt: "high quality roofing results",
|
||||
},
|
||||
{
|
||||
title: "Commercial Roofing",
|
||||
description: "Tailored roofing systems for businesses that prioritize low maintenance.",
|
||||
buttonIcon: "Building",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=2",
|
||||
imageAlt: "high quality roofing results",
|
||||
},
|
||||
{
|
||||
title: "Maintenance Plans",
|
||||
description: "Scheduled inspections to extend the life of your current roofing.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg?_wi=2",
|
||||
imageAlt: "high quality roofing results",
|
||||
},
|
||||
{ title: "Emergency Repairs", description: "Rapid response for storm damage and leaks to protect your home.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "high quality roofing results" },
|
||||
{ title: "Full Replacements", description: "Complete roof system replacement using high-performance materials.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg", imageAlt: "high quality roofing results" },
|
||||
{ title: "Commercial Roofing", description: "Tailored roofing systems for businesses that prioritize low maintenance.", buttonIcon: Building, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "high quality roofing results" },
|
||||
{ title: "Maintenance Plans", description: "Scheduled inspections to extend the life of your current roofing.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/worker-building-roof-house_23-2148748850.jpg", imageAlt: "high quality roofing results" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive roofing solutions designed for longevity, durability, and complete protection."
|
||||
@@ -194,24 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Roofs Secured",
|
||||
value: "2,500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Satisfaction Rate",
|
||||
value: "99%",
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Roofs Secured", value: "2,500+" },
|
||||
{ id: "m2", icon: Award, title: "Years Experience", value: "20+" },
|
||||
{ id: "m3", icon: Star, title: "Satisfaction Rate", value: "99%" },
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Our work speaks for itself, backed by years of success and thousands of satisfied clients."
|
||||
@@ -224,48 +117,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@ homeowner",
|
||||
testimonial: "Roofing Giant was incredible during our emergency leak. Professional and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
handle: "@ property manager",
|
||||
testimonial: "Reliable, clean, and honest. They handle our entire commercial portfolio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily K.",
|
||||
handle: "@ resident",
|
||||
testimonial: "The full roof replacement process was seamless and on budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@ business owner",
|
||||
testimonial: "Excellent service and high-quality materials. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@ resident",
|
||||
testimonial: "Top-notch roofing experts. Very clear communication through it all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mark D.",
|
||||
handle: "@ resident",
|
||||
testimonial: "They made our roof replacement easy to understand and quick to install.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-realtor-showing-new-house-couple-laptop_23-2148895493.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@ homeowner", testimonial: "Roofing Giant was incredible during our emergency leak. Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg" },
|
||||
{ id: "2", name: "Michael R.", handle: "@ property manager", testimonial: "Reliable, clean, and honest. They handle our entire commercial portfolio.", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "3", name: "Emily K.", handle: "@ resident", testimonial: "The full roof replacement process was seamless and on budget.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg" },
|
||||
{ id: "4", name: "David L.", handle: "@ business owner", testimonial: "Excellent service and high-quality materials. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg" },
|
||||
{ id: "5", name: "Anna P.", handle: "@ resident", testimonial: "Top-notch roofing experts. Very clear communication through it all.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg" },
|
||||
{ id: "6", name: "Mark D.", handle: "@ resident", testimonial: "They made our roof replacement easy to understand and quick to install.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-realtor-showing-new-house-couple-laptop_23-2148895493.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why local homeowners and property managers trust Roofing Giant for their critical roofing needs."
|
||||
@@ -276,15 +133,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GAF Certified",
|
||||
"Owens Corning Pro",
|
||||
"CertainTeed Pro",
|
||||
"BBB A+ Rating",
|
||||
"National Roofing Assn",
|
||||
"Local Business Alliance",
|
||||
"Certified Green Roofing",
|
||||
]}
|
||||
names={["GAF Certified", "Owens Corning Pro", "CertainTeed Pro", "BBB A+ Rating", "National Roofing Assn", "Local Business Alliance", "Certified Green Roofing"]}
|
||||
title="Trusted Partnerships"
|
||||
description="We are proud to work with top materials suppliers and local certifications."
|
||||
/>
|
||||
@@ -295,26 +144,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we offer free, no-obligation roof inspections and estimates for all new inquiries.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully insured?",
|
||||
content: "Roofing Giant maintains comprehensive liability and workers' compensation insurance.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the typical timeframe for a full roof replacement?",
|
||||
content: "Most residential replacements are completed within 2–3 days, weather permitting.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you handle insurance claims?",
|
||||
content: "We support homeowners through the entire insurance claims process for storm and disaster damage.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide free estimates?", content: "Yes, we offer free, no-obligation roof inspections and estimates for all new inquiries." },
|
||||
{ id: "f2", title: "Are you fully insured?", content: "Roofing Giant maintains comprehensive liability and workers' compensation insurance." },
|
||||
{ id: "f3", title: "What is the typical timeframe for a full roof replacement?", content: "Most residential replacements are completed within 2–3 days, weather permitting." },
|
||||
{ id: "f4", title: "Do you handle insurance claims?", content: "We support homeowners through the entire insurance claims process for storm and disaster damage." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our roofing process, insurance, and estimates."
|
||||
@@ -325,22 +158,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to get started?"
|
||||
title="Schedule Your Free Inspection"
|
||||
description="Contact us today for a professional roof evaluation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+15551234567" }, { text: "Request Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -348,49 +170,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Roofing Giant"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Schedule",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Schedule", href: "#contact" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user