bender/a06e82c8-36c9-4b5d-90de-fa2dac279388
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 14:40:02 +00:00
parent 772053c149
commit b85369978c
1 changed files with 64 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -34,35 +34,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Solutions",
id: "#solutions",
},
name: "Solutions", id: "#solutions"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Purple Roof UAE"
button={{
text: "Get Your Free Quote",
href: "#contact",
}}
text: "Get Your Free Quote", href: "#contact"}}
/>
</div>
@@ -72,35 +58,21 @@ export default function LandingPage() {
description="Transform your property with UAE's most trusted roofing specialists. Stunning designs meet uncompromising durability."
buttons={[
{
text: "Get Your Free Quote",
href: "#contact",
},
text: "Get Your Free Quote", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248335.jpg?_wi=1",
imageAlt: "Luxurious villa with a modern roof under a sunny sky",
},
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248335.jpg", imageAlt: "Luxurious villa with a modern roof under a sunny sky"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg?_wi=1",
imageAlt: "Large commercial building with a flat roof under construction",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg", imageAlt: "Large commercial building with a flat roof under construction"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg?_wi=1",
imageAlt: "Professional roofing team working on a residential roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", imageAlt: "Professional roofing team working on a residential roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg",
imageAlt: "Close-up of premium purple roof tiles",
},
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg", imageAlt: "Close-up of premium purple roof tiles"},
{
imageSrc: "http://img.b2bpic.net/free-photo/residential-district-from-helicopter-barcelona_1398-5229.jpg",
imageAlt: "Drone view of a residential community with newly installed roofs",
},
imageSrc: "http://img.b2bpic.net/free-photo/residential-district-from-helicopter-barcelona_1398-5229.jpg", imageAlt: "Drone view of a residential community with newly installed roofs"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-green-building-with-gray-pipe-cloudy-sky_181624-6832.jpg",
imageAlt: "Architectural rendering of a unique and modern roof design",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-green-building-with-gray-pipe-cloudy-sky_181624-6832.jpg", imageAlt: "Architectural rendering of a unique and modern roof design"},
]}
autoplayDelay={4000}
/>
@@ -113,17 +85,11 @@ export default function LandingPage() {
description="At Purple Roof UAE, we redefine excellence in roofing. With a commitment to unmatched quality and aesthetic appeal, we serve property owners, investors, and businesses across the Emirates. Our expertise ensures every project, from residential villas to commercial complexes, stands as a testament to durability and design innovation."
metrics={[
{
value: "15+",
title: "Years of Experience",
},
value: "15+", title: "Years of Experience"},
{
value: "500+",
title: "Projects Completed",
},
value: "500+", title: "Projects Completed"},
{
value: "98%",
title: "Client Satisfaction",
},
value: "98%", title: "Client Satisfaction"},
]}
imageSrc="http://img.b2bpic.net/free-photo/businessman-summer-city-with-three-women_1157-16330.jpg"
imageAlt="Professional construction team meeting on site, discussing blueprints"
@@ -139,46 +105,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Residential Roofing",
description: "From elegant villas to modern townhouses, our residential roofing solutions combine aesthetic excellence with robust protection, tailored to the unique climate of the UAE.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
imageAlt: "Residential roof installation in progress",
},
title: "Residential Roofing", description: "From elegant villas to modern townhouses, our residential roofing solutions combine aesthetic excellence with robust protection, tailored to the unique climate of the UAE.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg", imageAlt: "Residential roof installation in progress"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/building-with-balconies-beautiful-pink-sunset-sk_181624-59238.jpg",
imageAlt: "Completed modern residential roof, drone view",
},
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248335.jpg?_wi=2",
imageAlt: "residential roof installation process",
imageSrc: "http://img.b2bpic.net/free-photo/building-with-balconies-beautiful-pink-sunset-sk_181624-59238.jpg", imageAlt: "Completed modern residential roof, drone view"},
},
{
title: "Commercial Roofing",
description: "We deliver high-performance roofing systems for commercial and industrial properties, ensuring long-term durability, energy efficiency, and minimal disruption to your operations.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-with-airplane_1098-12552.jpg",
imageAlt: "Commercial flat roof repair crew at work",
},
title: "Commercial Roofing", description: "We deliver high-performance roofing systems for commercial and industrial properties, ensuring long-term durability, energy efficiency, and minimal disruption to your operations.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/engineer-working-with-airplane_1098-12552.jpg", imageAlt: "Commercial flat roof repair crew at work"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756527.jpg",
imageAlt: "Finished smooth flat roof on a commercial building",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg?_wi=2",
imageAlt: "residential roof installation process",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756527.jpg", imageAlt: "Finished smooth flat roof on a commercial building"},
},
{
title: "Roof Repair & Maintenance",
description: "Our proactive maintenance programs and rapid repair services extend the lifespan of your roof, preventing costly damage and ensuring year-round peace of mind.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
imageAlt: "Close-up of damaged roof shingle being repaired",
},
title: "Roof Repair & Maintenance", description: "Our proactive maintenance programs and rapid repair services extend the lifespan of your roof, preventing costly damage and ensuring year-round peace of mind.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "Close-up of damaged roof shingle being repaired"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg",
imageAlt: "Restored residential roof after professional repair",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg?_wi=2",
imageAlt: "residential roof installation process",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg", imageAlt: "Restored residential roof after professional repair"},
},
]}
showStepNumbers={true}
@@ -189,58 +131,23 @@ export default function LandingPage() {
<div id="solutions" data-section="solutions">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "tile-roof",
name: "Ceramic Tile Roofing",
price: "Custom Quote",
variant: "Elegant & Durable",
imageSrc: "http://img.b2bpic.net/free-photo/chinise-building_1417-1695.jpg",
imageAlt: "Premium ceramic roof tiles on a house",
},
id: "tile-roof", name: "Ceramic Tile Roofing", price: "Custom Quote", variant: "Elegant & Durable", imageSrc: "http://img.b2bpic.net/free-photo/chinise-building_1417-1695.jpg", imageAlt: "Premium ceramic roof tiles on a house"},
{
id: "metal-roof",
name: "Metal Roofing Systems",
price: "Custom Quote",
variant: "Modern & Resilient",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15961.jpg",
imageAlt: "Sleek modern metal roofing on a commercial building",
},
id: "metal-roof", name: "Metal Roofing Systems", price: "Custom Quote", variant: "Modern & Resilient", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15961.jpg", imageAlt: "Sleek modern metal roofing on a commercial building"},
{
id: "shingle-roof",
name: "Asphalt Shingle Roofing",
price: "Custom Quote",
variant: "Versatile & Cost-Effective",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2625.jpg",
imageAlt: "Traditional asphalt shingle roof texture",
},
id: "shingle-roof", name: "Asphalt Shingle Roofing", price: "Custom Quote", variant: "Versatile & Cost-Effective", imageSrc: "http://img.b2bpic.net/free-photo/traditional-ceramic-roof-tiles-government-building-dijon-burgundy-france_1101-2625.jpg", imageAlt: "Traditional asphalt shingle roof texture"},
{
id: "flat-roof",
name: "Flat Roofing Solutions",
price: "Custom Quote",
variant: "Commercial & Industrial",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-tower-rooftop-enjoying-summer-vacation-looking-panoramic-view_482257-21289.jpg",
imageAlt: "Smooth surface of a commercial flat roof",
},
id: "flat-roof", name: "Flat Roofing Solutions", price: "Custom Quote", variant: "Commercial & Industrial", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-tower-rooftop-enjoying-summer-vacation-looking-panoramic-view_482257-21289.jpg", imageAlt: "Smooth surface of a commercial flat roof"},
{
id: "solar-roof",
name: "Integrated Solar Roofing",
price: "Custom Quote",
variant: "Sustainable & Efficient",
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748214.jpg",
imageAlt: "Modern roof with integrated solar panels",
},
id: "solar-roof", name: "Integrated Solar Roofing", price: "Custom Quote", variant: "Sustainable & Efficient", imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748214.jpg", imageAlt: "Modern roof with integrated solar panels"},
{
id: "green-roof",
name: "Green Roof Systems",
price: "Custom Quote",
variant: "Eco-Friendly & Innovative",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg",
imageAlt: "Lush vegetated green roof on an urban building",
},
id: "green-roof", name: "Green Roof Systems", price: "Custom Quote", variant: "Eco-Friendly & Innovative", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg", imageAlt: "Lush vegetated green roof on an urban building"},
]}
title="Discover Our Roofing Solutions"
description="Explore a diverse range of high-quality roofing materials and innovative systems designed for durability and aesthetic appeal in the UAE climate."
@@ -255,25 +162,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "1500+",
title: "Satisfied Clients",
description: "Our dedication to quality has earned us the trust of a vast client base across the UAE.",
icon: Users,
id: "metric-1", value: "1500+", title: "Satisfied Clients", description: "Our dedication to quality has earned us the trust of a vast client base across the UAE.", icon: Users,
},
{
id: "metric-2",
value: "20+",
title: "Years in Business",
description: "Decades of expertise in the UAE roofing industry, delivering excellence consistently.",
icon: Building,
id: "metric-2", value: "20+", title: "Years in Business", description: "Decades of expertise in the UAE roofing industry, delivering excellence consistently.", icon: Building,
},
{
id: "metric-3",
value: "100%",
title: "Safety Record",
description: "Unwavering commitment to safety protocols ensures a secure environment for our team and clients.",
icon: ShieldCheck,
id: "metric-3", value: "100%", title: "Safety Record", description: "Unwavering commitment to safety protocols ensures a secure environment for our team and clients.", icon: ShieldCheck,
},
]}
title="Our Impact & Achievements"
@@ -286,14 +181,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Dubai Properties",
"Emaar",
"ADNOC",
"DP World",
"Emirates Airline",
"Jumeirah Group",
"DAMAC Properties",
]}
"Dubai Properties", "Emaar", "ADNOC", "DP World", "Emirates Airline", "Jumeirah Group", "DAMAC Properties"]}
title="Trusted by Industry Leaders"
description="Our commitment to quality has earned the trust of the UAE's most prominent developers and corporations."
/>
@@ -304,41 +192,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Abdullah Al Falah",
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199342.jpg",
imageAlt: "Abdullah Al Falah",
},
id: "1", name: "Abdullah Al Falah", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-cafe-owner-manager-standing-confident-with-arms-crossed-hands-smiling_1258-199342.jpg", imageAlt: "Abdullah Al Falah"},
{
id: "2",
name: "Fatima Zahra",
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-wear-black-coat-eyeglasses-writing-contract-clipboard_627829-5390.jpg",
imageAlt: "Fatima Zahra",
},
id: "2", name: "Fatima Zahra", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-man-wear-black-coat-eyeglasses-writing-contract-clipboard_627829-5390.jpg", imageAlt: "Fatima Zahra"},
{
id: "3",
name: "Mohammed bin Rashid",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg",
imageAlt: "Mohammed bin Rashid",
},
id: "3", name: "Mohammed bin Rashid", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-showing-approval_23-2148269236.jpg", imageAlt: "Mohammed bin Rashid"},
{
id: "4",
name: "Aisha Al Mansouri",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-discussing-break-time_23-2149308452.jpg",
imageAlt: "Aisha Al Mansouri",
},
id: "4", name: "Aisha Al Mansouri", imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-discussing-break-time_23-2149308452.jpg", imageAlt: "Aisha Al Mansouri"},
{
id: "5",
name: "Khalid Al Muhairi",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15698.jpg",
imageAlt: "Khalid Al Muhairi",
},
id: "5", name: "Khalid Al Muhairi", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15698.jpg", imageAlt: "Khalid Al Muhairi"},
{
id: "6",
name: "Sara Abdullah",
imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-steps-looking-camera-dog_259150-59359.jpg",
imageAlt: "Sara Abdullah",
},
id: "6", name: "Sara Abdullah", imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-steps-looking-camera-dog_259150-59359.jpg", imageAlt: "Sara Abdullah"},
]}
cardTitle="Exceptional Roofing, Every Time"
cardTag="Client Success Stories"
@@ -352,30 +216,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What types of roofing services do you offer?",
content: "Purple Roof UAE specializes in a comprehensive range of services including new roof installation, repair, maintenance, inspection, and replacement for both residential and commercial properties across various material types.",
},
id: "faq-1", title: "What types of roofing services do you offer?", content: "Purple Roof UAE specializes in a comprehensive range of services including new roof installation, repair, maintenance, inspection, and replacement for both residential and commercial properties across various material types."},
{
id: "faq-2",
title: "How long does a typical roofing project take?",
content: "The duration of a roofing project varies based on its complexity, size, and material. Minor repairs can take a few hours, while a full roof replacement may take several days to a few weeks. We provide a detailed timeline after initial assessment.",
},
id: "faq-2", title: "How long does a typical roofing project take?", content: "The duration of a roofing project varies based on its complexity, size, and material. Minor repairs can take a few hours, while a full roof replacement may take several days to a few weeks. We provide a detailed timeline after initial assessment."},
{
id: "faq-3",
title: "Are your roofing materials suitable for the UAE climate?",
content: "Absolutely. We source and utilize only premium roofing materials that are rigorously tested and proven to withstand the harsh heat, humidity, and occasional heavy winds characteristic of the UAE climate, ensuring long-term durability and performance.",
},
id: "faq-3", title: "Are your roofing materials suitable for the UAE climate?", content: "Absolutely. We source and utilize only premium roofing materials that are rigorously tested and proven to withstand the harsh heat, humidity, and occasional heavy winds characteristic of the UAE climate, ensuring long-term durability and performance."},
{
id: "faq-4",
title: "Do you provide a warranty on your roofing services?",
content: "Yes, we stand behind the quality of our workmanship and materials. All our roofing installations and major repairs come with a comprehensive warranty, details of which will be provided with your project proposal.",
},
id: "faq-4", title: "Do you provide a warranty on your roofing services?", content: "Yes, we stand behind the quality of our workmanship and materials. All our roofing installations and major repairs come with a comprehensive warranty, details of which will be provided with your project proposal."},
{
id: "faq-5",
title: "How can I get a free quote for my roofing project?",
content: "Getting a free quote is easy! Simply fill out the contact form on our website, or give us a call directly. Our team will schedule a convenient time for an on-site assessment and provide you with a detailed, no-obligation estimate.",
},
id: "faq-5", title: "How can I get a free quote for my roofing project?", content: "Getting a free quote is easy! Simply fill out the contact form on our website, or give us a call directly. Our team will schedule a convenient time for an on-site assessment and provide you with a detailed, no-obligation estimate."},
]}
title="Frequently Asked Questions"
description="Find quick answers to the most common questions about our roofing services and process."
@@ -387,8 +236,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get Your Project Started"
title="Connect With Purple Roof UAE"
description="Ready for a roofing transformation? Reach out today for a personalized consultation and a free, no-obligation quote. Our experts are here to bring your vision to life with unparalleled precision and quality."
@@ -406,66 +254,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential Roofing",
href: "#services",
},
label: "Residential Roofing", href: "#services"},
{
label: "Commercial Roofing",
href: "#services",
},
label: "Commercial Roofing", href: "#services"},
{
label: "Repair & Maintenance",
href: "#services",
},
label: "Repair & Maintenance", href: "#services"},
{
label: "Roof Inspections",
href: "#",
},
label: "Roof Inspections", href: "#"},
],
},
{
title: "Solutions",
items: [
title: "Solutions", items: [
{
label: "Tile Roofing",
href: "#solutions",
},
label: "Tile Roofing", href: "#solutions"},
{
label: "Metal Roofing",
href: "#solutions",
},
label: "Metal Roofing", href: "#solutions"},
{
label: "Flat Roof Systems",
href: "#solutions",
},
label: "Flat Roof Systems", href: "#solutions"},
{
label: "Solar Integrated",
href: "#solutions",
},
label: "Solar Integrated", href: "#solutions"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Process",
href: "#",
},
label: "Our Process", href: "#"},
{
label: "Client Testimonials",
href: "#testimonials",
},
label: "Client Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}