Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="شركة الأسقف"
|
||||
/>
|
||||
@@ -59,42 +44,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Built Strong. Styled Luxury."
|
||||
description="High-end roofing and exterior craftsmanship with elite service, fast response, and premium results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Work",
|
||||
href: "#projects",
|
||||
},
|
||||
{ text: "Book Inspection", href: "#contact" },
|
||||
{ text: "Our Work", href: "#projects" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg?_wi=1",
|
||||
imageAlt: "luxury roof exterior house design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg?_wi=1",
|
||||
imageAlt: "roof inspection worker safety",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg",
|
||||
imageAlt: "modern home roof replacement project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg",
|
||||
imageAlt: "Low view man working on roof with a drill",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
|
||||
imageAlt: "Medium shot man working with earphones",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg", imageAlt: "luxury roof exterior house design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg", imageAlt: "roof inspection worker safety" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg", imageAlt: "modern home roof replacement project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg", imageAlt: "Low view man working on roof with a drill" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg", imageAlt: "Medium shot man working with earphones" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,15 +66,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Mastering the Art of Roofing",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
alt: "professional roofing team construction",
|
||||
},
|
||||
{ type: "text", content: "Mastering the Art of Roofing" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", alt: "professional roofing team construction" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,28 +79,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "Premium execution with warranty-backed quality.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
|
||||
imageAlt: "Closeup the roof of a house made of wooden tiles",
|
||||
title: "Roof Installation", description: "Premium execution with warranty-backed quality.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Quick fix and long term durability.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg?_wi=2",
|
||||
imageAlt: "Closeup the roof of a house made of wooden tiles",
|
||||
title: "Roof Repair", description: "Quick fix and long term durability.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Commercial Roofing",
|
||||
description: "Large scale enterprise solutions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-construction_1127-104.jpg?_wi=2",
|
||||
imageAlt: "Closeup the roof of a house made of wooden tiles",
|
||||
title: "Commercial Roofing", description: "Large scale enterprise solutions.", bentoComponent: "reveal-icon", icon: Building,
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
@@ -160,48 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Villa",
|
||||
price: "High-End",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Office",
|
||||
price: "Commercial",
|
||||
variant: "Durable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Suburban Estate",
|
||||
price: "Residential",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Coastal Cabin",
|
||||
price: "Exterior",
|
||||
variant: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Farmhouse",
|
||||
price: "Luxury",
|
||||
variant: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Historic Renovation",
|
||||
price: "Restoration",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Modern Villa", price: "High-End", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg" },
|
||||
{ id: "p2", name: "Urban Office", price: "Commercial", variant: "Durable", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg" },
|
||||
{ id: "p3", name: "Suburban Estate", price: "Residential", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg" },
|
||||
{ id: "p4", name: "Coastal Cabin", price: "Exterior", variant: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg" },
|
||||
{ id: "p5", name: "Modern Farmhouse", price: "Luxury", variant: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg" },
|
||||
{ id: "p6", name: "Historic Renovation", price: "Restoration", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing our top-tier roofing installations."
|
||||
@@ -214,21 +118,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Performance"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "12", description: "Years Experience" },
|
||||
{ id: "m3", value: "99%", description: "Client Satisfaction" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -240,41 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Most responsive and professional team. Love the new roof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mikec",
|
||||
testimonial: "Outstanding communication and premium workmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2021.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Fast service, luxury finish, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "Great attention to detail and quality materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-taking-picture-mom-son-kitchen_23-2148414943.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "Roofing excellence redefined in every aspect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Most responsive and professional team. Love the new roof.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiley-man-looking-camera_23-2148306634.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", handle: "@mikec", testimonial: "Outstanding communication and premium workmanship.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2021.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Fast service, luxury finish, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-sitting-chair-smiling-cherfully-pointing-with-index-finger-light-living-room_141793-101824.jpg" },
|
||||
{ id: "t4", name: "David Kim", handle: "@davidk", testimonial: "Great attention to detail and quality materials.", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-taking-picture-mom-son-kitchen_23-2148414943.jpg" },
|
||||
{ id: "t5", name: "Alex Smith", handle: "@alexs", testimonial: "Roofing excellence redefined in every aspect.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg" },
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="Voices of satisfied homeowners."
|
||||
@@ -286,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all our roof installations come with a 10-year comprehensive warranty.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a roof last?",
|
||||
content: "Premium roofs can last 25-50 years depending on material.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle emergencies?",
|
||||
content: "Our emergency response team is available 24/7.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer warranties?", content: "Yes, all our roof installations come with a 10-year comprehensive warranty." },
|
||||
{ id: "f2", title: "How long does a roof last?", content: "Premium roofs can last 25-50 years depending on material." },
|
||||
{ id: "f3", title: "Can you handle emergencies?", content: "Our emergency response team is available 24/7." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to roofing queries."
|
||||
@@ -311,9 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact"
|
||||
title="Get Free Estimate"
|
||||
description="Let us know about your project."
|
||||
|
||||
Reference in New Issue
Block a user