Merge version_1 into main #3
390
src/app/page.tsx
390
src/app/page.tsx
@@ -7,9 +7,8 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Calendar, Droplet, Home, MapPin, Phone, Search, ShieldCheck, Star, Tool, Wrench } from "lucide-react";
|
||||
import { Calendar, Droplet, Home, MapPin, Phone, Search, ShieldCheck, Star, Wrench, Hammer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,282 +25,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Our Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sunrise Roofing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Our Process", id: "process" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sunrise Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Roofing That Stands the Test of Time."
|
||||
description="Professional roofing installation, repair, and replacement — done right, on time, and without surprises. Trusted by homeowners across Florham Park, NJ."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jeremy K.",
|
||||
handle: "Florham Park, NJ",
|
||||
testimonial: "Sunrise was professional, clean, and everything looks great.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg",
|
||||
},
|
||||
{
|
||||
name: "Brennen V.",
|
||||
handle: "Florham Park, NJ",
|
||||
testimonial: "Transparent from start to finish. I finally feel confident in our home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-two-little-brothers-by-house_1303-21003.jpg",
|
||||
},
|
||||
{
|
||||
name: "Braydon A.",
|
||||
handle: "Florham Park, NJ",
|
||||
testimonial: "The quality of work was exceptional. They never felt pushy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "Florham Park, NJ",
|
||||
testimonial: "Everything was finished on time. The cleanup was perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
},
|
||||
{
|
||||
name: "David M.",
|
||||
handle: "Florham Park, NJ",
|
||||
testimonial: "Would definitely recommend to my neighbors. Expert service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg",
|
||||
},
|
||||
]}
|
||||
tag="Serving Florham Park & Morris County"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-family-with-two-little-brothers-by-house_1303-21003.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fully Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "5-Star Rated",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Owned",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Emergency Repair",
|
||||
icon: Phone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Consultations",
|
||||
icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Roofing That Stands the Test of Time."
|
||||
description="Professional roofing installation, repair, and replacement — done right, on time, and without surprises. Trusted by homeowners across Florham Park, NJ."
|
||||
testimonials={[
|
||||
{ name: "Jeremy K.", handle: "Florham Park, NJ", testimonial: "Sunrise was professional, clean, and everything looks great.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg" },
|
||||
{ name: "Brennen V.", handle: "Florham Park, NJ", testimonial: "Transparent from start to finish. I finally feel confident in our home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-two-little-brothers-by-house_1303-21003.jpg" },
|
||||
{ name: "Braydon A.", handle: "Florham Park, NJ", testimonial: "The quality of work was exceptional. They never felt pushy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg" },
|
||||
{ name: "Sarah J.", handle: "Florham Park, NJ", testimonial: "Everything was finished on time. The cleanup was perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
|
||||
{ name: "David M.", handle: "Florham Park, NJ", testimonial: "Would definitely recommend to my neighbors. Expert service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg" },
|
||||
]}
|
||||
tag="Serving Florham Park & Morris County"
|
||||
buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-family-with-two-little-brothers-by-house_1303-21003.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Families"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Fully Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "5-Star Rated", icon: Star },
|
||||
{ type: "text-icon", text: "Locally Owned", icon: MapPin },
|
||||
{ type: "text-icon", text: "Emergency Repair", icon: Phone },
|
||||
{ type: "text-icon", text: "Free Consultations", icon: Calendar },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Roof Replacement",
|
||||
description: "Full tear-off and replacement with premium materials ensuring lasting protection.",
|
||||
},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Roof Repair",
|
||||
description: "We diagnose and fix issues fast — no patch jobs, just proper repairs.",
|
||||
},
|
||||
{
|
||||
icon: Tool,
|
||||
title: "Shingle Roofing",
|
||||
description: "Architectural and designer shingles installed with precision and care.",
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Water Damage",
|
||||
description: "Repairing leaks and structural issues to keep your home sealed tight.",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
title: "Roof Inspections",
|
||||
description: "Thorough assessments providing a full picture of your roof's condition.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Storm Damage",
|
||||
description: "Quick assessment and restoration after severe weather events.",
|
||||
},
|
||||
]}
|
||||
title="Complete Roofing Solutions"
|
||||
description="From minor repairs to full replacements, we bring expert craftsmanship and quality materials to every job."
|
||||
tag="What We Do"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Home, title: "Roof Replacement", description: "Full tear-off and replacement with premium materials ensuring lasting protection." },
|
||||
{ icon: Wrench, title: "Roof Repair", description: "We diagnose and fix issues fast — no patch jobs, just proper repairs." },
|
||||
{ icon: Hammer, title: "Shingle Roofing", description: "Architectural and designer shingles installed with precision and care." },
|
||||
{ icon: Droplet, title: "Water Damage", description: "Repairing leaks and structural issues to keep your home sealed tight." },
|
||||
{ icon: Search, title: "Roof Inspections", description: "Thorough assessments providing a full picture of your roof's condition." },
|
||||
{ icon: Star, title: "Storm Damage", description: "Quick assessment and restoration after severe weather events." },
|
||||
]}
|
||||
title="Complete Roofing Solutions"
|
||||
description="From minor repairs to full replacements, we bring expert craftsmanship and quality materials to every job."
|
||||
tag="What We Do"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Why Choose Us"
|
||||
title="The Sunrise Difference"
|
||||
description="We're not just roofers — we're your neighbors. We treat every home like our own."
|
||||
subdescription="Our team combines decades of experience with a local, family-oriented service approach."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Why Choose Us"
|
||||
title="The Sunrise Difference"
|
||||
description="We're not just roofers — we're your neighbors. We treat every home like our own."
|
||||
subdescription="Our team combines decades of experience with a local, family-oriented service approach."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Free Estimate"
|
||||
title="Ready for a Roof You Can Count On?"
|
||||
description="Get your free estimate today. No obligation, transparent pricing, and flexible scheduling."
|
||||
buttons={[{ text: "Request a Free Estimate", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Free Estimate"
|
||||
title="Ready for a Roof You Can Count On?"
|
||||
description="Get your free estimate today. No obligation, transparent pricing, and flexible scheduling."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Estimate",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg?_wi=2"
|
||||
logoText="Sunrise Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Shingle Roofing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Water Damage",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Why Us",
|
||||
href: "#why",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(973) 259-6355",
|
||||
href: "tel:9732596355",
|
||||
},
|
||||
{
|
||||
label: "147 Columbia Tpke #24",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Florham Park, NJ",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sunrise Roofing Service. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg"
|
||||
logoText="Sunrise Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Roof Replacement", href: "#services" },
|
||||
{ label: "Roof Repair", href: "#services" },
|
||||
{ label: "Shingle Roofing", href: "#services" },
|
||||
{ label: "Water Damage", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Our Process", href: "#process" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Why Us", href: "#why" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "(973) 259-6355", href: "tel:9732596355" },
|
||||
{ label: "147 Columbia Tpke #24", href: "#" },
|
||||
{ label: "Florham Park, NJ", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sunrise Roofing Service. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user