bender/51c6ba9b-9e3e-4a3a-816f-1964ed23b695
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-10 19:06:06 +00:00
parent a9c3fc673a 4fe101b0cf
commit 6e0e1d0ad5
1 changed files with 57 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { MessageSquare, Tool } from "lucide-react"; import { MessageSquare, Wrench } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "Work Done", name: "Work Done", id: "/work-done"},
id: "/work-done",
},
{ {
name: "Reviews", name: "Reviews", id: "/reviews"},
id: "/reviews",
},
{ {
name: "Schedule", name: "Schedule", id: "/schedule"},
id: "/schedule",
},
{ {
name: "Contact", name: "Contact", id: "/contact"},
id: "/contact",
},
]} ]}
brandName="OC Roofing Construction Corp." brandName="OC Roofing Construction Corp."
/> />
@@ -59,86 +49,46 @@ export default function LandingPage() {
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Your Trusted Partner for Quality Roofing" title="Your Trusted Partner for Quality Roofing"
description="OC Roofing Construction Corp. delivers exceptional roofing solutions for residential and commercial properties. Experience durability, reliability, and expert craftsmanship with every project." description="OC Roofing Construction Corp. delivers exceptional roofing solutions for residential and commercial properties. Experience durability, reliability, and expert craftsmanship with every project."
testimonials={[ testimonials={[
{ {
name: "Sarah J.", name: "Sarah J.", handle: "@homeowner", testimonial: "OC Roofing did an outstanding job on our new roof! Professional, efficient, and great communication.", rating: 5,
handle: "@homeowner", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg", imageAlt: "Sarah J. customer review"},
testimonial: "OC Roofing did an outstanding job on our new roof! Professional, efficient, and great communication.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg?_wi=1",
imageAlt: "Sarah J. customer review",
},
{ {
name: "John D.", name: "John D.", handle: "@satisfiedclient", testimonial: "Completely impressed with the new roof installation. The team was thorough and the work was completed ahead of schedule. Fantastic service!", rating: 5,
handle: "@satisfiedclient", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", imageAlt: "Close up portrait of a attractive smiling woman"},
testimonial: "Completely impressed with the new roof installation. The team was thorough and the work was completed ahead of schedule. Fantastic service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg",
imageAlt: "Close up portrait of a attractive smiling woman",
},
{ {
name: "Maria P.", name: "Maria P.", handle: "@propertyowner", testimonial: "From the initial consultation to the final cleanup, OC Roofing demonstrated professionalism and high-quality work. Our home looks great!", rating: 5,
handle: "@propertyowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg", imageAlt: "Medium shot woman talking on phone"},
testimonial: "From the initial consultation to the final cleanup, OC Roofing demonstrated professionalism and high-quality work. Our home looks great!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg",
imageAlt: "Medium shot woman talking on phone",
},
{ {
name: "Robert L.", name: "Robert L.", handle: "@businessexec", testimonial: "Reliable and efficient. OC Roofing provided excellent service for our commercial property, ensuring minimal disruption to our operations.", rating: 5,
handle: "@businessexec", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg", imageAlt: "Closeup of smiling goodlooking man showing thumbs up praising good job recommending company standing"},
testimonial: "Reliable and efficient. OC Roofing provided excellent service for our commercial property, ensuring minimal disruption to our operations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
imageAlt: "Closeup of smiling goodlooking man showing thumbs up praising good job recommending company standing",
},
{ {
name: "Amanda G.", name: "Amanda G.", handle: "@happyclient", testimonial: "Highly recommend OC Roofing! They were prompt, transparent with pricing, and delivered a beautiful, sturdy roof.", rating: 5,
handle: "@happyclient", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", imageAlt: "Happy businesswoman smiling and looking at camera. Successful confident grey-haired manager sitting in office room. Workplace, business and management concept"},
testimonial: "Highly recommend OC Roofing! They were prompt, transparent with pricing, and delivered a beautiful, sturdy roof.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
imageAlt: "Happy businesswoman smiling and looking at camera. Successful confident grey-haired manager sitting in office room. Workplace, business and management concept",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Get a Free Estimate", text: "Get a Free Estimate", href: "/schedule"},
href: "/schedule",
},
{ {
text: "View Our Work", text: "View Our Work", href: "/work-done"},
href: "/work-done",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg"
imageAlt="Professional roofer working on a residential roof project" imageAlt="Professional roofer working on a residential roof project"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", alt: "crazy man.funny expression"},
alt: "crazy man.funny expression",
},
{ {
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Happy mature businessman showing thumb up"},
alt: "Happy mature businessman showing thumb up",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Smiling senior businessman pointing with finger"},
alt: "Smiling senior businessman pointing with finger",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", alt: "Front view smiley woman at travel agency"},
alt: "Front view smiley woman at travel agency",
},
{ {
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Stylish woman wearing yellow bandana"},
alt: "Stylish woman wearing yellow bandana",
},
]} ]}
avatarText="Join 500+ Happy Clients" avatarText="Join 500+ Happy Clients"
/> />
@@ -151,41 +101,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Quality Materials", title: "Quality Materials", description: "We use only the highest-grade, durable materials for long-lasting protection and aesthetic appeal.", bentoComponent: "media-stack", items: [
description: "We use only the highest-grade, durable materials for long-lasting protection and aesthetic appeal.",
bentoComponent: "media-stack",
items: [
{ {
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg", imageAlt: "Various types of roofing materials"},
imageAlt: "Various types of roofing materials", {
imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-safety-glasses-construction-site_23-2148784066.jpg", imageAlt: "Roofing worker wearing safety gear"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Inspector examining roof shingles"},
]
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/worker-wearing-safety-glasses-construction-site_23-2148784066.jpg", title: "Expert Craftsmanship", description: "Our experienced team is dedicated to precision installation and meticulous attention to detail on every project.", bentoComponent: "reveal-icon", icon: Wrench
imageAlt: "Roofing worker wearing safety gear",
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", title: "Customer Satisfaction", description: "Your peace of mind is our priority. We ensure clear communication and exceptional service from start to finish.", bentoComponent: "reveal-icon", icon: MessageSquare
imageAlt: "Inspector examining roof shingles",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg?_wi=2",
imageAlt: "various roofing materials samples",
},
{
title: "Expert Craftsmanship",
description: "Our experienced team is dedicated to precision installation and meticulous attention to detail on every project.",
bentoComponent: "reveal-icon",
icon: Tool,
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg?_wi=2",
imageAlt: "various roofing materials samples",
},
{
title: "Customer Satisfaction",
description: "Your peace of mind is our priority. We ensure clear communication and exceptional service from start to finish.",
bentoComponent: "reveal-icon",
icon: MessageSquare,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tvfi2q",
imageAlt: "various roofing materials samples",
}, },
]} ]}
title="Comprehensive Roofing Services" title="Comprehensive Roofing Services"
@@ -201,20 +130,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "20+", description: "Years of Experience"},
value: "20+",
description: "Years of Experience",
},
{ {
id: "m2", id: "m2", value: "500+", description: "Projects Completed"},
value: "500+",
description: "Projects Completed",
},
{ {
id: "m3", id: "m3", value: "98%", description: "Customer Satisfaction"},
value: "98%",
description: "Customer Satisfaction",
},
]} ]}
title="Our Achievements Speak Volumes" title="Our Achievements Speak Volumes"
description="Years of dedication and countless successful projects define our commitment to excellence." description="Years of dedication and countless successful projects define our commitment to excellence."
@@ -226,14 +146,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Certified Roofing Professionals", "Certified Roofing Professionals", "Licensed & Insured", "Top-Rated Local Service", "Quality Material Partners", "Community Builders", "Safety Compliant", "Client Recommended"]}
"Licensed & Insured",
"Top-Rated Local Service",
"Quality Material Partners",
"Community Builders",
"Safety Compliant",
"Client Recommended",
]}
title="Trusted by Homeowners and Businesses Across OC" title="Trusted by Homeowners and Businesses Across OC"
description="Our commitment to quality is recognized by leading industry partners and delighted clients." description="Our commitment to quality is recognized by leading industry partners and delighted clients."
/> />
@@ -246,45 +159,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "David M.", role: "Homeowner, Irvine", testimonial: "The team at OC Roofing was fantastic from start to finish. Our new roof looks amazing, and the process was smooth and efficient. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageAlt: "David M."},
name: "David M.",
role: "Homeowner, Irvine",
testimonial: "The team at OC Roofing was fantastic from start to finish. Our new roof looks amazing, and the process was smooth and efficient. Highly recommend!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
imageAlt: "David M.",
},
{ {
id: "t2", id: "t2", name: "Emily R.", role: "Property Manager, Newport Beach", testimonial: "We've used OC Roofing for several commercial projects, and they consistently deliver quality work on time and within budget. True professionals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", imageAlt: "Emily R."},
name: "Emily R.",
role: "Property Manager, Newport Beach",
testimonial: "We've used OC Roofing for several commercial projects, and they consistently deliver quality work on time and within budget. True professionals.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
imageAlt: "Emily R.",
},
{ {
id: "t3", id: "t3", name: "Michael S.", role: "Business Owner, Santa Ana", testimonial: "After a storm, OC Roofing was quick to respond and repair our damaged roof. Their expertise and prompt service saved us a lot of trouble.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", imageAlt: "Michael S."},
name: "Michael S.",
role: "Business Owner, Santa Ana",
testimonial: "After a storm, OC Roofing was quick to respond and repair our damaged roof. Their expertise and prompt service saved us a lot of trouble.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
imageAlt: "Michael S.",
},
{ {
id: "t4", id: "t4", name: "Jessica L.", role: "Homeowner, Laguna Niguel", testimonial: "OC Roofing replaced our old, leaky roof. The crew was respectful and tidy, and the finished product exceeded our expectations. Fantastic work!", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-posing-new-flat_23-2147758899.jpg", imageAlt: "Jessica L."},
name: "Jessica L.",
role: "Homeowner, Laguna Niguel",
testimonial: "OC Roofing replaced our old, leaky roof. The crew was respectful and tidy, and the finished product exceeded our expectations. Fantastic work!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-posing-new-flat_23-2147758899.jpg",
imageAlt: "Jessica L.",
},
{ {
id: "t5", id: "t5", name: "Robert K.", role: "Retired, Mission Viejo", testimonial: "I was impressed by the detailed estimate and transparent communication. The job was done perfectly, and I feel much safer under my new roof.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-looking-tablet_23-2148214631.jpg", imageAlt: "Robert K."},
name: "Robert K.",
role: "Retired, Mission Viejo",
testimonial: "I was impressed by the detailed estimate and transparent communication. The job was done perfectly, and I feel much safer under my new roof.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-looking-tablet_23-2148214631.jpg",
imageAlt: "Robert K.",
},
]} ]}
title="Hear From Our Happy Clients" title="Hear From Our Happy Clients"
description="Discover why OC Roofing Construction Corp. is the preferred choice for reliable roofing services." description="Discover why OC Roofing Construction Corp. is the preferred choice for reliable roofing services."
@@ -295,16 +178,13 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Ready for a New Roof?" tag="Ready for a New Roof?"
title="Get Your Free Roofing Estimate Today" title="Get Your Free Roofing Estimate Today"
description="Contact us now for a comprehensive assessment and a transparent quote. We're here to help you protect your biggest investment." description="Contact us now for a comprehensive assessment and a transparent quote. We're here to help you protect your biggest investment."
buttons={[ buttons={[
{ {
text: "Schedule Your Free Estimate", text: "Schedule Your Free Estimate", href: "/schedule"},
href: "/schedule",
},
]} ]}
/> />
</div> </div>
@@ -314,62 +194,37 @@ export default function LandingPage() {
logoText="OC Roofing Construction Corp." logoText="OC Roofing Construction Corp."
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Residential Roofing", label: "Residential Roofing", href: "/work-done#residential"},
href: "/work-done#residential",
},
{ {
label: "Commercial Roofing", label: "Commercial Roofing", href: "/work-done#commercial"},
href: "/work-done#commercial",
},
{ {
label: "Roof Repair", label: "Roof Repair", href: "/work-done#repair"},
href: "/work-done#repair",
},
{ {
label: "New Installations", label: "New Installations", href: "/work-done#new-installations"},
href: "/work-done#new-installations",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "Our Work", label: "Our Work", href: "/work-done"},
href: "/work-done",
},
{ {
label: "Reviews", label: "Reviews", href: "/reviews"},
href: "/reviews",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Contact", label: "Contact", href: "/contact"},
href: "/contact",
},
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ {
label: "Schedule Estimate", label: "Schedule Estimate", href: "/schedule"},
href: "/schedule",
},
{ {
label: "jf.roofing@yahoo.com", label: "jf.roofing@yahoo.com", href: "mailto:jf.roofing@yahoo.com"},
href: "mailto:jf.roofing@yahoo.com",
},
{ {
label: "714-713-2336", label: "714-713-2336", href: "tel:7147132336"},
href: "tel:7147132336",
},
], ],
}, },
]} ]}