Merge version_2 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Check } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Summit Roofing"
|
||||
/>
|
||||
@@ -59,104 +45,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Summit Quality Roofing"
|
||||
description="Protecting your biggest investment with expert craftsmanship and durable materials designed for all conditions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and quick turnaround on my roof replacement.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-tiled-building-blue-sky_181624-6378.jpg?_wi=1",
|
||||
imageAlt: "residential roof installation construction",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Professional team, cleaned up perfectly. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg?_wi=1",
|
||||
imageAlt: "roofing team inspecting site",
|
||||
},
|
||||
{
|
||||
name: "Bob Brown",
|
||||
handle: "@bobbrown",
|
||||
testimonial: "Stopped the leak fast. Great workmanship.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=1",
|
||||
imageAlt: "asphalt shingle roofing residential",
|
||||
},
|
||||
{
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Fair pricing for high quality work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg?_wi=1",
|
||||
imageAlt: "metal roofing installation expert",
|
||||
},
|
||||
{
|
||||
name: "Mike White",
|
||||
handle: "@mikew",
|
||||
testimonial: "Best in the business. Very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg?_wi=1",
|
||||
imageAlt: "roof repair service worker",
|
||||
},
|
||||
{ name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and quick turnaround on my roof replacement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-tiled-building-blue-sky_181624-6378.jpg", imageAlt: "residential roof installation construction" },
|
||||
{ name: "Jane Smith", handle: "@janesmith", testimonial: "Professional team, cleaned up perfectly. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg", imageAlt: "roofing team inspecting site" },
|
||||
{ name: "Bob Brown", handle: "@bobbrown", testimonial: "Stopped the leak fast. Great workmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "asphalt shingle roofing residential" },
|
||||
{ name: "Alice Green", handle: "@aliceg", testimonial: "Fair pricing for high quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg", imageAlt: "metal roofing installation expert" },
|
||||
{ name: "Mike White", handle: "@mikew", testimonial: "Best in the business. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg", imageAlt: "roof repair service worker" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-tiled-building-blue-sky_181624-6378.jpg?_wi=2"
|
||||
buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-tiled-building-blue-sky_181624-6378.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-serious-mixed-race-partners-discuss-financial-data_273609-44254.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149116788.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-149881.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-serious-mixed-race-partners-discuss-financial-data_273609-44254.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149116788.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-149881.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 1500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "20+ Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Materials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "20+ Years Experience" },
|
||||
{ type: "text", text: "Quality Materials" },
|
||||
{ type: "text", text: "Local Experts" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,20 +82,11 @@ export default function LandingPage() {
|
||||
title="Over 20 Years of Craftsmanship"
|
||||
description="Summit Roofing has been serving the local community for decades, ensuring every property remains safe, dry, and aesthetically beautiful."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Licensed and insured professionals.",
|
||||
},
|
||||
{
|
||||
title: "Quality Materials",
|
||||
description: "Industry-leading warranties on all products.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Clear quotes with no hidden fees.",
|
||||
},
|
||||
{ title: "Expert Team", description: "Licensed and insured professionals." },
|
||||
{ title: "Quality Materials", description: "Industry-leading warranties on all products." },
|
||||
{ title: "Transparent Pricing", description: "Clear quotes with no hidden fees." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -193,24 +98,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Residential Roofing",
|
||||
description: "Expert shingle and tile installation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Metal Roofing",
|
||||
description: "Durable and efficient metal solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Roof Repairs",
|
||||
description: "Fast diagnostics and leak prevention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg?_wi=2",
|
||||
},
|
||||
{ id: "f1", title: "Residential Roofing", description: "Expert shingle and tile installation.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg" },
|
||||
{ id: "f2", title: "Metal Roofing", description: "Durable and efficient metal solutions.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg" },
|
||||
{ id: "f3", title: "Roof Repairs", description: "Fast diagnostics and leak prevention.", imageSrc: "http://img.b2bpic.net/free-photo/shocked-woman-calling-plumber-while-collecting-water-leaking-from-ceiling-using-utensil_657921-1199.jpg" },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive roofing solutions tailored to your property needs."
|
||||
@@ -219,30 +109,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Roofs Replaced",
|
||||
description: "Happy homeowners secured.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Decades of expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Retention Rate",
|
||||
description: "Clients trust us repeatedly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg?_wi=3",
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Roofs Replaced", description: "Happy homeowners secured.", imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg" },
|
||||
{ id: "m2", value: "20+", title: "Years Experience", description: "Decades of expertise.", imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg" },
|
||||
{ id: "m3", value: "98%", title: "Retention Rate", description: "Clients trust us repeatedly.", imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Proven track record of quality delivery across hundreds of projects."
|
||||
@@ -256,23 +129,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Flat Roof Systems",
|
||||
description: "Specialized waterproofing and maintenance.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
|
||||
},
|
||||
id: "c1", title: "Flat Roof Systems", description: "Specialized waterproofing and maintenance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Membrane Installation",
|
||||
},
|
||||
{
|
||||
text: "Drainage Inspection",
|
||||
},
|
||||
{ icon: Check, text: "Membrane Installation" },
|
||||
{ icon: Check, text: "Drainage Inspection" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-cut-out-icon_53876-74657.jpg?_wi=4",
|
||||
imageAlt: "hundreds of successful projects",
|
||||
},
|
||||
]}
|
||||
title="Commercial Expertise"
|
||||
@@ -282,50 +144,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Local Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark R.",
|
||||
role: "Property Owner",
|
||||
company: "Westside",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-serious-mixed-race-partners-discuss-financial-data_273609-44254.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily K.",
|
||||
role: "Homeowner",
|
||||
company: "Suburbs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Property Owner",
|
||||
company: "Valley",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149116788.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica W.",
|
||||
role: "Homeowner",
|
||||
company: "City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-149881.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/boy-putting-up-electric-guitar_23-2148006422.jpg" },
|
||||
{ id: "2", name: "Mark R.", role: "Property Owner", company: "Westside", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-serious-mixed-race-partners-discuss-financial-data_273609-44254.jpg" },
|
||||
{ id: "3", name: "Emily K.", role: "Homeowner", company: "Suburbs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Property Owner", company: "Valley", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149116788.jpg" },
|
||||
{ id: "5", name: "Jessica W.", role: "Homeowner", company: "City", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-satisfied-man-recommending-agency-showing-thumb-up-house-maket-standing_1258-149881.jpg" },
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Don't just take our word for it—listen to our long-term satisfied clients."
|
||||
@@ -337,21 +165,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a roof take?",
|
||||
content: "Most installations take 2-3 days depending on complexity.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we offer flexible payment plans.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you insured?",
|
||||
content: "Fully licensed and insured for every project.",
|
||||
},
|
||||
{ id: "q1", title: "How long does a roof take?", content: "Most installations take 2-3 days depending on complexity." },
|
||||
{ id: "q2", title: "Do you offer financing?", content: "Yes, we offer flexible payment plans." },
|
||||
{ id: "q3", title: "Are you insured?", content: "Fully licensed and insured for every project." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our roofing installation process."
|
||||
@@ -365,21 +181,10 @@ export default function LandingPage() {
|
||||
title="Get Your Free Quote"
|
||||
description="Reach out today to discuss your next roofing project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your roof...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your roof..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -389,29 +194,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user