Merge version_1 into main #2
322
src/app/page.tsx
322
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Roofing Solutions"
|
||||
/>
|
||||
@@ -59,93 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elite Roofing Services for Jacksonville Homes"
|
||||
description="Professional, efficient, and thorough roof repairs designed to transform your home and ensure lasting protection."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Cousin of homeowner",
|
||||
handle: "@Client",
|
||||
testimonial: "The entire process was quick and efficient. The new roof transformed their old house!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Local Homeowner",
|
||||
handle: "@Client",
|
||||
testimonial: "Very thorough inspection. The technicians explained everything clearly to a 1st-time owner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex River",
|
||||
handle: "@SatisfiedClient",
|
||||
testimonial: "They fixed my leak before the storm. Unmatched speed and precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria Gonzalez",
|
||||
handle: "@HappyHomeowner",
|
||||
testimonial: "Professional team that respected my property and finished on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas Wright",
|
||||
handle: "@Client",
|
||||
testimonial: "Best roofing experience I have had in Florida. True professionals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-mobile_23-2148523943.jpg",
|
||||
},
|
||||
{ name: "Cousin of homeowner", handle: "@Client", testimonial: "The entire process was quick and efficient. The new roof transformed their old house!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
|
||||
{ name: "Local Homeowner", handle: "@Client", testimonial: "Very thorough inspection. The technicians explained everything clearly to a 1st-time owner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
{ name: "Alex River", handle: "@SatisfiedClient", testimonial: "They fixed my leak before the storm. Unmatched speed and precision.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg" },
|
||||
{ name: "Maria Gonzalez", handle: "@HappyHomeowner", testimonial: "Professional team that respected my property and finished on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg" },
|
||||
{ name: "Thomas Wright", handle: "@Client", testimonial: "Best roofing experience I have had in Florida. True professionals.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-mobile_23-2148523943.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg",
|
||||
alt: "Home owner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256900.jpg", alt: "Satisfied client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg", alt: "Happy homeowner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", alt: "Professional client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg", alt: "Home owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Customer portrait" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Quotes",
|
||||
},
|
||||
{ type: "text", text: "Fully Insured" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Local Experts" },
|
||||
{ type: "text", text: "Fast Quotes" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,15 +77,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Expert Craftsmanship, Guaranteed.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
alt: "Roofer inspection",
|
||||
},
|
||||
{ type: "text", content: "Expert Craftsmanship, Guaranteed." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", alt: "Roofer inspection" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,42 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Inspection",
|
||||
description: "Using moisture meters and drones for thorough, non-invasive roof inspections.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-doing-parkour-training_23-2150510438.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=2",
|
||||
imageAlt: "roof inspection drone technology",
|
||||
},
|
||||
{
|
||||
title: "Expert Repair",
|
||||
description: "Professional shingle replacement and leak repair to ensure your home stays waterproof.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
imageAlt: "roof inspection drone technology",
|
||||
},
|
||||
{
|
||||
title: "Clear Communication",
|
||||
description: "Transparent project updates, clear estimates, and constant project management support.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-digital-tablet-with-fishing-equipment-wooden-desk_23-2148189235.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2",
|
||||
imageAlt: "roof inspection drone technology",
|
||||
},
|
||||
{ title: "Advanced Inspection", description: "Using moisture meters and drones for thorough, non-invasive roof inspections.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-doing-parkour-training_23-2150510438.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg" } },
|
||||
{ title: "Expert Repair", description: "Professional shingle replacement and leak repair to ensure your home stays waterproof.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530736.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg" } },
|
||||
{ title: "Clear Communication", description: "Transparent project updates, clear estimates, and constant project management support.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/blank-screen-digital-tablet-with-fishing-equipment-wooden-desk_23-2148189235.jpg" } },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Comprehensive Roofing Services"
|
||||
@@ -222,33 +105,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Always on time",
|
||||
"Fully insured",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Response Speed",
|
||||
items: [
|
||||
"Quick inspections",
|
||||
"Fast estimates",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
title: "Roofs Repaired",
|
||||
items: [
|
||||
"Certified experts",
|
||||
"Top-tier material",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Satisfaction Rate", items: ["Always on time", "Fully insured"] },
|
||||
{ id: "m2", value: "24h", title: "Response Speed", items: ["Quick inspections", "Fast estimates"] },
|
||||
{ id: "m3", value: "1000+", title: "Roofs Repaired", items: ["Certified experts", "Top-tier material"] },
|
||||
]}
|
||||
title="Quality Performance Data"
|
||||
description="Why homeowners trust us with their roofing investments."
|
||||
@@ -257,49 +116,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@client",
|
||||
testimonial: "The roof repair transformed the look of the house. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@client",
|
||||
testimonial: "Very thorough inspectors. They even used a drone to show the damage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26365.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@client",
|
||||
testimonial: "Responsive team, clear estimate, and fast repair. Exceptional service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@client",
|
||||
testimonial: "They provided a clear estimate and were waterproofed before the rain.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jake P.",
|
||||
handle: "@client",
|
||||
testimonial: "Excellent online resources that helped me understand my roofing needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@client", testimonial: "The roof repair transformed the look of the house. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@client", testimonial: "Very thorough inspectors. They even used a drone to show the damage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26365.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@client", testimonial: "Responsive team, clear estimate, and fast repair. Exceptional service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@client", testimonial: "They provided a clear estimate and were waterproofed before the rain.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg" },
|
||||
{ id: "t5", name: "Jake P.", handle: "@client", testimonial: "Excellent online resources that helped me understand my roofing needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Jacksonville"
|
||||
@@ -312,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you inspect the roof?",
|
||||
content: "We use advanced moisture meters and drones to inspect your roof without needing bulky ladders.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How fast is your repair process?",
|
||||
content: "Our team responds promptly, often providing inspections and quotes within 24 hours of your request.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you handle roof leaks?",
|
||||
content: "Yes, we specialize in identifying and repairing roof leaks, including shingle replacement and patching.",
|
||||
},
|
||||
{ id: "q1", title: "How do you inspect the roof?", content: "We use advanced moisture meters and drones to inspect your roof without needing bulky ladders." },
|
||||
{ id: "q2", title: "How fast is your repair process?", content: "Our team responds promptly, often providing inspections and quotes within 24 hours of your request." },
|
||||
{ id: "q3", title: "Do you handle roof leaks?", content: "Yes, we specialize in identifying and repairing roof leaks, including shingle replacement and patching." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Information to help you understand our roofing services."
|
||||
@@ -342,36 +155,9 @@ export default function LandingPage() {
|
||||
title="Roofing Insights"
|
||||
description="Educational guides for your home maintenance."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Tips",
|
||||
title: "How to spot roof leaks early",
|
||||
excerpt: "Don't let a small leak turn into a massive expense.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
authorName: "Team Elite",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg",
|
||||
date: "Oct 12",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Guides",
|
||||
title: "Understanding shingle types",
|
||||
excerpt: "Choosing the right material for your roof replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
authorName: "Team Elite",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
date: "Sep 20",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Tips",
|
||||
title: "The importance of inspections",
|
||||
excerpt: "Why professional inspections matter every year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
authorName: "Team Elite",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-gloves-holds-spade_141793-116342.jpg",
|
||||
date: "Aug 05",
|
||||
},
|
||||
{ id: "b1", category: "Tips", title: "How to spot roof leaks early", excerpt: "Don't let a small leak turn into a massive expense.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg", date: "Oct 12" },
|
||||
{ id: "b2", category: "Guides", title: "Understanding shingle types", excerpt: "Choosing the right material for your roof replacement.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg", date: "Sep 20" },
|
||||
{ id: "b3", category: "Tips", title: "The importance of inspections", excerpt: "Why professional inspections matter every year.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", authorName: "Team Elite", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-male-gardener-wearing-gardening-hat-gloves-holds-spade_141793-116342.jpg", date: "Aug 05" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -382,27 +168,11 @@ export default function LandingPage() {
|
||||
title="Request Your Inspection"
|
||||
description="Get a detailed estimate for your roof repair today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your roofing issue...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Describe your roofing issue...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1091.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user