Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 119c6b543b |
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,98 +32,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AL WOROOD"
|
||||
button={{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Consultation", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Nature's Masterpiece"
|
||||
description="AL WOROOD transforms outdoor spaces into timeless landscape sanctuaries, blending sustainable architecture with sophisticated aesthetics for residential and commercial environments."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "100%", label: "Satisfaction Rate"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg",
|
||||
alt: "Luxury landscape garden design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg", alt: "Luxury landscape garden design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-happily-gardening-outdoors-copyspace-nature-lifestyle-positivity-hobby-garden-concept_7502-5556.jpg",
|
||||
alt: "Happy woman gardening",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-happily-gardening-outdoors-copyspace-nature-lifestyle-positivity-hobby-garden-concept_7502-5556.jpg", alt: "Happy woman gardening"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/path-garden_26085-6.jpg",
|
||||
alt: "Garden path view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/path-garden_26085-6.jpg", alt: "Garden path view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-landscape-spring-closeup-nature-tree_1417-992.jpg",
|
||||
alt: "Nature closeup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bright-landscape-spring-closeup-nature-tree_1417-992.jpg", alt: "Nature closeup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Smiling client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Smiling client"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ home owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
type: "text", text: "Sustainable Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Planning",
|
||||
},
|
||||
type: "text", text: "Precision Planning"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Maintenance",
|
||||
},
|
||||
type: "text", text: "Expert Maintenance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architectural Excellence",
|
||||
},
|
||||
type: "text", text: "Architectural Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Installations",
|
||||
},
|
||||
type: "text", text: "Luxury Installations"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,14 +100,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Philosophy of Nature",
|
||||
},
|
||||
type: "text", content: "Our Philosophy of Nature"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg",
|
||||
alt: "Design process",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg", alt: "Design process"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Design",
|
||||
title: "Visionary Landscape Architecture",
|
||||
subtitle: "Unique concepts for every space",
|
||||
description: "Customized landscape designs that align with your lifestyle and architectural style, ensuring long-term aesthetic beauty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cement-seat-urban-park_23-2148328851.jpg",
|
||||
},
|
||||
tag: "Design", title: "Visionary Landscape Architecture", subtitle: "Unique concepts for every space", description: "Customized landscape designs that align with your lifestyle and architectural style, ensuring long-term aesthetic beauty.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cement-seat-urban-park_23-2148328851.jpg"},
|
||||
{
|
||||
tag: "Planning",
|
||||
title: "Expert Master Planning",
|
||||
subtitle: "Technical precision in every detail",
|
||||
description: "Comprehensive site analysis and technical planning to ensure structural integrity and ecological balance for all landscape projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-architect-using-template-stencil_23-2147785518.jpg",
|
||||
},
|
||||
tag: "Planning", title: "Expert Master Planning", subtitle: "Technical precision in every detail", description: "Comprehensive site analysis and technical planning to ensure structural integrity and ecological balance for all landscape projects.", imageSrc: "http://img.b2bpic.net/free-photo/from-architect-using-template-stencil_23-2147785518.jpg"},
|
||||
{
|
||||
tag: "Maintenance",
|
||||
title: "Garden Stewardship",
|
||||
subtitle: "Preserving the beauty of your nature",
|
||||
description: "Dedicated care and maintenance services to keep your garden ecosystem thriving and vibrant throughout the seasons.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
|
||||
},
|
||||
tag: "Maintenance", title: "Garden Stewardship", subtitle: "Preserving the beauty of your nature", description: "Dedicated care and maintenance services to keep your garden ecosystem thriving and vibrant throughout the seasons.", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg"},
|
||||
]}
|
||||
title="Our Specialized Landscape Services"
|
||||
description="From visionary landscape concepts to precision planning and ongoing maintenance, we cover every aspect of your outdoor transformation."
|
||||
@@ -185,47 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Garden Pavilion",
|
||||
price: "Custom",
|
||||
variant: "Outdoor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg",
|
||||
},
|
||||
id: "1", name: "Garden Pavilion", price: "Custom", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-claret-coat_627829-6918.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Illumination Project",
|
||||
price: "Custom",
|
||||
variant: "Lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-art-dark-vintage-white_1203-4239.jpg",
|
||||
},
|
||||
id: "2", name: "Illumination Project", price: "Custom", variant: "Lighting", imageSrc: "http://img.b2bpic.net/free-photo/light-art-dark-vintage-white_1203-4239.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Stone Pathway",
|
||||
price: "Custom",
|
||||
variant: "Hardscape",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg",
|
||||
},
|
||||
id: "3", name: "Stone Pathway", price: "Custom", variant: "Hardscape", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Waterfall Design",
|
||||
price: "Custom",
|
||||
variant: "Water Features",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waterfall-panorama-las-vegas_649448-1099.jpg",
|
||||
},
|
||||
id: "4", name: "Waterfall Design", price: "Custom", variant: "Water Features", imageSrc: "http://img.b2bpic.net/free-photo/waterfall-panorama-las-vegas_649448-1099.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wooden Decking",
|
||||
price: "Custom",
|
||||
variant: "Patios",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg",
|
||||
},
|
||||
id: "5", name: "Wooden Decking", price: "Custom", variant: "Patios", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-space-with-plants_1137-266.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vertical Greenery",
|
||||
price: "Custom",
|
||||
variant: "Walls",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/letter-i-made-green-grass-isolated-white_169016-56959.jpg",
|
||||
},
|
||||
id: "6", name: "Vertical Greenery", price: "Custom", variant: "Walls", imageSrc: "http://img.b2bpic.net/free-photo/letter-i-made-green-grass-isolated-white_169016-56959.jpg"},
|
||||
]}
|
||||
title="Showcase of Recent Landscapes"
|
||||
description="Explore our portfolio of curated landscapes and custom architectural outdoor installations."
|
||||
@@ -239,20 +156,11 @@ export default function LandingPage() {
|
||||
tag="The Expert Team"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Ahmed Ibrahim - Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-plan_53876-176743.jpg",
|
||||
},
|
||||
id: "m1", name: "Ahmed Ibrahim - Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/design-plan_53876-176743.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah Mansour - Design Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg",
|
||||
},
|
||||
id: "m2", name: "Sarah Mansour - Design Director", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Layla Khalil - Project Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",
|
||||
},
|
||||
id: "m3", name: "Layla Khalil - Project Manager", imageSrc: "http://img.b2bpic.net/aerial-view-from-hong-kong_181624-34551.jpg"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -266,59 +174,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Khaled S.",
|
||||
role: "Owner",
|
||||
company: "Villa Residence",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
|
||||
},
|
||||
id: "t1", name: "Khaled S.", role: "Owner", company: "Villa Residence", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Amira F.",
|
||||
role: "CEO",
|
||||
company: "Boutique Hotel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-examining-plant-greenhouse_23-2147948329.jpg",
|
||||
},
|
||||
id: "t2", name: "Amira F.", role: "CEO", company: "Boutique Hotel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-woman-examining-plant-greenhouse_23-2147948329.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar M.",
|
||||
role: "Developer",
|
||||
company: "Urban Complex",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
},
|
||||
id: "t3", name: "Omar M.", role: "Developer", company: "Urban Complex", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Nour H.",
|
||||
role: "Principal",
|
||||
company: "City Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg",
|
||||
},
|
||||
id: "t4", name: "Nour H.", role: "Principal", company: "City Project", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-student-girl-with-gathered-hair-make-up-relaxing-home-after-lectures-university-attractive-cheerful-young-woman-blue-dress-sitting-comfortable-couch-with-joyful-relaxed-smile_343059-2102.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Zaid A.",
|
||||
role: "Resident",
|
||||
company: "Private Villa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
id: "t5", name: "Zaid A.", role: "Resident", company: "Private Villa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
value: "98%", label: "Client Retention"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "500+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Excellence in landscaping reflected in our clients' success stories."
|
||||
@@ -331,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a landscape transformation take?",
|
||||
content: "The duration depends on the scope and design complexity. We provide detailed timelines upon finalizing the architectural plans.",
|
||||
},
|
||||
id: "q1", title: "How long does a landscape transformation take?", content: "The duration depends on the scope and design complexity. We provide detailed timelines upon finalizing the architectural plans."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer maintenance after installation?",
|
||||
content: "Yes, we have dedicated landscape stewardship plans to ensure your garden thrives year-round.",
|
||||
},
|
||||
id: "q2", title: "Do you offer maintenance after installation?", content: "Yes, we have dedicated landscape stewardship plans to ensure your garden thrives year-round."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you work on commercial projects?",
|
||||
content: "Absolutely, we specialize in both high-end residential estates and large-scale commercial landscapes.",
|
||||
},
|
||||
id: "q3", title: "Do you work on commercial projects?", content: "Absolutely, we specialize in both high-end residential estates and large-scale commercial landscapes."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your landscape? We have the answers."
|
||||
@@ -356,14 +224,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to design your green future? Contact AL WOROOD today for a professional landscape architectural consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Consultation", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -373,42 +238,27 @@ export default function LandingPage() {
|
||||
logoText="AL WOROOD"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Design", href: "#services"},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Installation", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -417,4 +267,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user