Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -30,98 +30,61 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="DachWerk Meisterbetrieb"
|
||||
button={{
|
||||
text: "Request Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Request Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Modern Roofing Solutions From A Master Craftsman Business"
|
||||
description="Roof repairs, roof renovations and complete roofing projects delivered with quality, transparency and reliability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg"
|
||||
imageAlt="Professional roofing team working on a residential roof"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
alt: "Full shot roofer working with helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", alt: "Full shot roofer working with helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
|
||||
alt: "Full shot man working on roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg", alt: "Full shot man working on roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
alt: "Long shot men working together on roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", alt: "Long shot men working together on roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
alt: "Medium shot people wearing helmets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", alt: "Medium shot people wearing helmets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg",
|
||||
alt: "Satisfied homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg", alt: "Satisfied homeowner"},
|
||||
]}
|
||||
avatarText="Over 500+ successful projects completed"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Roof Repair",
|
||||
},
|
||||
type: "text", text: "Roof Repair"},
|
||||
{
|
||||
type: "text",
|
||||
text: "New Installations",
|
||||
},
|
||||
type: "text", text: "New Installations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flat Roofs",
|
||||
},
|
||||
type: "text", text: "Flat Roofs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Roof Renovations",
|
||||
},
|
||||
type: "text", text: "Roof Renovations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Window Installation",
|
||||
},
|
||||
type: "text", text: "Window Installation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,37 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Master Craftsmanship",
|
||||
subtitle: "Professional roofing work to the highest standards.",
|
||||
description: "Every project benefits from our team's extensive experience and dedication to precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-measuring-wood-planks_23-2148836015.jpg",
|
||||
imageAlt: "Close-up of a roofer working on tile",
|
||||
},
|
||||
tag: "Expertise", title: "Master Craftsmanship", subtitle: "Professional roofing work to the highest standards.", description: "Every project benefits from our team's extensive experience and dedication to precision.", imageSrc: "http://img.b2bpic.net/free-photo/woman-measuring-wood-planks_23-2148836015.jpg", imageAlt: "Close-up of a roofer working on tile"},
|
||||
{
|
||||
tag: "Integrity",
|
||||
title: "Transparent Pricing",
|
||||
subtitle: "Clear quotes without hidden costs.",
|
||||
description: "We provide detailed, easy-to-understand estimates so you always know what to expect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-business-idealight-bulb-drawing-notebook-wood-blocks-black_140725-144650.jpg",
|
||||
imageAlt: "Roofer and client discussing a quote on a tablet",
|
||||
},
|
||||
tag: "Integrity", title: "Transparent Pricing", subtitle: "Clear quotes without hidden costs.", description: "We provide detailed, easy-to-understand estimates so you always know what to expect.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-business-idealight-bulb-drawing-notebook-wood-blocks-black_140725-144650.jpg", imageAlt: "Roofer and client discussing a quote on a tablet"},
|
||||
{
|
||||
tag: "Efficiency",
|
||||
title: "Reliable Execution",
|
||||
subtitle: "Projects completed on time.",
|
||||
description: "Our efficient planning and execution ensure your roofing project stays on schedule.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15650.jpg",
|
||||
imageAlt: "Completed roof on a residential house",
|
||||
},
|
||||
tag: "Efficiency", title: "Reliable Execution", subtitle: "Projects completed on time.", description: "Our efficient planning and execution ensure your roofing project stays on schedule.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15650.jpg", imageAlt: "Completed roof on a residential house"},
|
||||
{
|
||||
tag: "Durability",
|
||||
title: "Long-Term Quality",
|
||||
subtitle: "Built to last for decades.",
|
||||
description: "We use only premium materials and proven techniques for roofs that stand the test of time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg",
|
||||
imageAlt: "Durable roofing materials stacked",
|
||||
},
|
||||
tag: "Durability", title: "Long-Term Quality", subtitle: "Built to last for decades.", description: "We use only premium materials and proven techniques for roofs that stand the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530694.jpg", imageAlt: "Durable roofing materials stacked"},
|
||||
]}
|
||||
title="Why Homeowners Trust DachWerk Meisterbetrieb"
|
||||
description="Our commitment to excellence ensures your roofing project is handled with unmatched professionalism and lasting results."
|
||||
@@ -175,61 +114,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Roof Renovation",
|
||||
subtitle: "Modernize your home with a complete roof makeover.",
|
||||
description: "Upgrade old, worn-out roofs with new materials and enhanced insulation for improved energy efficiency and aesthetics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-tall-residential-building-city-with-copy-space_23-2148798602.jpg",
|
||||
imageAlt: "Roof renovation in progress with new tiles",
|
||||
},
|
||||
tag: "Service", title: "Roof Renovation", subtitle: "Modernize your home with a complete roof makeover.", description: "Upgrade old, worn-out roofs with new materials and enhanced insulation for improved energy efficiency and aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-tall-residential-building-city-with-copy-space_23-2148798602.jpg", imageAlt: "Roof renovation in progress with new tiles"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Roof Repair",
|
||||
subtitle: "Prompt and effective solutions for all roof damages.",
|
||||
description: "Addressing leaks, storm damage, and wear-and-tear with durable repairs that restore integrity and prevent further issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
imageAlt: "Roofer fixing damaged roof tiles",
|
||||
},
|
||||
tag: "Service", title: "Roof Repair", subtitle: "Prompt and effective solutions for all roof damages.", description: "Addressing leaks, storm damage, and wear-and-tear with durable repairs that restore integrity and prevent further issues.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", imageAlt: "Roofer fixing damaged roof tiles"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "New Roof Installation",
|
||||
subtitle: "Expert installation for new constructions or full replacements.",
|
||||
description: "High-quality roofing systems tailored to your property, ensuring longevity and superior protection from the elements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
|
||||
imageAlt: "New roof installation on a residential house",
|
||||
},
|
||||
tag: "Service", title: "New Roof Installation", subtitle: "Expert installation for new constructions or full replacements.", description: "High-quality roofing systems tailored to your property, ensuring longevity and superior protection from the elements.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg", imageAlt: "New roof installation on a residential house"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Flat Roof Systems",
|
||||
subtitle: "Specialized solutions for durable and efficient flat roofs.",
|
||||
description: "Installation and maintenance of various flat roof technologies, ideal for modern designs and commercial properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107132.jpg",
|
||||
imageAlt: "Flat roof installation on a commercial building",
|
||||
},
|
||||
tag: "Service", title: "Flat Roof Systems", subtitle: "Specialized solutions for durable and efficient flat roofs.", description: "Installation and maintenance of various flat roof technologies, ideal for modern designs and commercial properties.", imageSrc: "http://img.b2bpic.net/free-photo/detail-urban-stairs_23-2148107132.jpg", imageAlt: "Flat roof installation on a commercial building"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Roof Windows",
|
||||
subtitle: "Brighten your space with expertly installed roof windows.",
|
||||
description: "Enhance natural light and ventilation in attics and upper floors with high-quality, weather-tight roof window installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg",
|
||||
imageAlt: "Roofer installing a roof window",
|
||||
},
|
||||
tag: "Service", title: "Roof Windows", subtitle: "Brighten your space with expertly installed roof windows.", description: "Enhance natural light and ventilation in attics and upper floors with high-quality, weather-tight roof window installations.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg", imageAlt: "Roofer installing a roof window"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Roof Maintenance",
|
||||
subtitle: "Keep your roof in top condition with regular inspections.",
|
||||
description: "Proactive maintenance services, including cleaning and minor adjustments, to extend your roof's lifespan and prevent costly repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-machete-house-with-magnifying-glass_23-2148269373.jpg",
|
||||
imageAlt: "Roofer cleaning gutters during roof maintenance",
|
||||
},
|
||||
tag: "Service", title: "Roof Maintenance", subtitle: "Keep your roof in top condition with regular inspections.", description: "Proactive maintenance services, including cleaning and minor adjustments, to extend your roof's lifespan and prevent costly repairs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-machete-house-with-magnifying-glass_23-2148269373.jpg", alt: "Roofer cleaning gutters during roof maintenance"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="From minor repairs to complete installations, DachWerk Meisterbetrieb offers a full spectrum of roofing solutions tailored to your needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -242,47 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Family House Roof Renovation",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15699.jpg",
|
||||
imageAlt: "Renovated roof on a family house",
|
||||
},
|
||||
id: "p1", name: "Family House Roof Renovation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15699.jpg", imageAlt: "Renovated roof on a family house"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Flat Roof Upgrade",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-waters-her-potted-plants_23-2152027492.jpg",
|
||||
imageAlt: "Upgraded modern flat roof",
|
||||
},
|
||||
id: "p2", name: "Modern Flat Roof Upgrade", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/woman-waters-her-potted-plants_23-2152027492.jpg", imageAlt: "Upgraded modern flat roof"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roof Window Installation",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-roof-with-clouds_1204-23.jpg",
|
||||
imageAlt: "Interior view of newly installed roof windows",
|
||||
},
|
||||
id: "p3", name: "Roof Window Installation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/red-roof-with-clouds_1204-23.jpg", imageAlt: "Interior view of newly installed roof windows"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Storm Damage Repair",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg",
|
||||
imageAlt: "Roof undergoing storm damage repair",
|
||||
},
|
||||
id: "p4", name: "Storm Damage Repair", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg", imageAlt: "Roof undergoing storm damage repair"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "New Tile Roof",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg",
|
||||
imageAlt: "Newly installed tile roof",
|
||||
},
|
||||
id: "p5", name: "New Tile Roof", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg", imageAlt: "Newly installed tile roof"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Commercial Roof Project",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg",
|
||||
imageAlt: "Commercial building with new roofing",
|
||||
},
|
||||
id: "p6", name: "Commercial Roof Project", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/agricultural-silo_146671-19121.jpg", imageAlt: "Commercial building with new roofing"},
|
||||
]}
|
||||
title="Example Roofing Projects"
|
||||
description="Explore a selection of our recently completed roofing projects, showcasing our diverse expertise and commitment to quality craftsmanship."
|
||||
@@ -293,7 +164,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship With Responsibility"
|
||||
description="At DachWerk Meisterbetrieb, we believe in honest advice, quality workmanship, and long-term customer satisfaction. Every project is approached with care, professionalism, and transparency, ensuring results that not only look exceptional but also provide lasting protection. Our team is committed to delivering roofing solutions that homeowners can trust for decades."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15613.jpg"
|
||||
imageAlt="Roofing professionals discussing project plans on a construction site"
|
||||
/>
|
||||
@@ -304,46 +174,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Construction Alliance",
|
||||
"Property Innovators",
|
||||
"German Builders Guild",
|
||||
"Eco-Roof Solutions",
|
||||
"Urban Home Developers",
|
||||
"Residential Management Group",
|
||||
"Secure Life Insurance",
|
||||
]}
|
||||
"Construction Alliance", "Property Innovators", "German Builders Guild", "Eco-Roof Solutions", "Urban Home Developers", "Residential Management Group", "Secure Life Insurance"]}
|
||||
title="Trusted by Homeowners & Industry Leaders"
|
||||
description="Our commitment to quality and reliable service has earned us the trust of numerous clients and partners across the region."
|
||||
logos={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ypptn",
|
||||
alt: "Construction Alliance Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/isolated-white-house-silhouette-minimal-black-landscape_1194-641505.jpg",
|
||||
alt: "Property Innovators Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-psd/architecture-project-landing-page_23-2150284053.jpg",
|
||||
alt: "German Builders Guild Logo",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wocqh6",
|
||||
alt: "Eco-Roof Solutions Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/world-habitat-day-flat-design_23-2148649016.jpg",
|
||||
alt: "Urban Home Developers Logo",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kbzr56",
|
||||
alt: "Residential Management Group Logo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/geometri-logo-icon-colorfuel_125964-464.jpg",
|
||||
alt: "Secure Life Insurance Logo",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -351,15 +184,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Need Help With Your Roof?"
|
||||
description="Reach out to us using the form below for a free quote or to schedule a consultation. Our team is ready to assist with all your roofing needs, from minor repairs to complete new installations. We aim to respond within one business day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Consultation",
|
||||
type: "submit",
|
||||
text: "Request Consultation"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -370,37 +201,23 @@ export default function LandingPage() {
|
||||
logoText="DachWerk Meisterbetrieb"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Imprint",
|
||||
href: "#",
|
||||
},
|
||||
label: "Imprint", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user