Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9ba342fee2 | |||
| b7f289e909 | |||
| 12faec4f66 |
168
src/app/page.tsx
168
src/app/page.tsx
@@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
@@ -31,67 +31,32 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "#about" },
|
||||||
name: "About", id: "#about"},
|
{ name: "Services", id: "#services" },
|
||||||
{
|
{ name: "Projects", id: "#projects" },
|
||||||
name: "Services", id: "#services"},
|
{ name: "Contact", id: "#contact" },
|
||||||
{
|
|
||||||
name: "Projects", id: "#projects"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="AL WOROOD"
|
brandName="AL WOROOD"
|
||||||
button={{
|
button={{ text: "Consultation", href: "#contact" }}
|
||||||
text: "Consultation", href: "#contact"}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars"}}
|
|
||||||
title="Crafting Nature's Masterpiece"
|
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."
|
description="AL WOROOD transforms outdoor spaces into timeless landscape sanctuaries, blending sustainable architecture with sophisticated aesthetics for residential and commercial environments."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "15+", label: "Years Experience" },
|
||||||
value: "15+", label: "Years Experience"},
|
{ value: "500+", label: "Projects Completed" },
|
||||||
{
|
{ value: "100%", label: "Satisfaction Rate" },
|
||||||
value: "500+", label: "Projects Completed"},
|
|
||||||
{
|
|
||||||
value: "100%", label: "Satisfaction Rate"},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Get Started", href: "#contact" }
|
||||||
text: "Get Started", href: "#contact"}
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/grass-background_1127-3418.jpg"
|
||||||
mediaAnimation="slide-up"
|
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/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/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"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 500+ home owners"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text", text: "Sustainable Design"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Precision Planning"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Expert Maintenance"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Architectural Excellence"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Luxury Installations"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -99,10 +64,8 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
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>
|
</div>
|
||||||
@@ -113,11 +76,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
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"
|
title="Our Specialized Landscape Services"
|
||||||
description="From visionary landscape concepts to precision planning and ongoing maintenance, we cover every aspect of your outdoor transformation."
|
description="From visionary landscape concepts to precision planning and ongoing maintenance, we cover every aspect of your outdoor transformation."
|
||||||
@@ -131,18 +97,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "3", name: "Stone Pathway", price: "Custom", variant: "Hardscape", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.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: "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: "3", name: "Stone Pathway", price: "Custom", variant: "Hardscape", imageSrc: "http://img.b2bpic.net/free-photo/path-way_74190-3770.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: "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: "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"
|
title="Showcase of Recent Landscapes"
|
||||||
description="Explore our portfolio of curated landscapes and custom architectural outdoor installations."
|
description="Explore our portfolio of curated landscapes and custom architectural outdoor installations."
|
||||||
@@ -155,12 +115,9 @@ export default function LandingPage() {
|
|||||||
title="Meet Our Visionary Architects"
|
title="Meet Our Visionary Architects"
|
||||||
tag="The Expert Team"
|
tag="The Expert Team"
|
||||||
members={[
|
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/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/aerial-view-from-hong-kong_181624-34551.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/aerial-view-from-hong-kong_181624-34551.jpg"},
|
|
||||||
]}
|
]}
|
||||||
memberVariant="card"
|
memberVariant="card"
|
||||||
membersAnimation="slide-up"
|
membersAnimation="slide-up"
|
||||||
@@ -173,29 +130,16 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
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,
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.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: "t2", name: "Amira F.", role: "CEO", company: "Boutique Hotel", rating: 5,
|
{ 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" },
|
||||||
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: "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"},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{ value: "98%", label: "Client Retention" },
|
||||||
value: "98%", label: "Client Retention"},
|
{ value: "500+", label: "Happy Clients" },
|
||||||
{
|
{ value: "4.9/5", label: "Avg Rating" },
|
||||||
value: "500+", label: "Happy Clients"},
|
|
||||||
{
|
|
||||||
value: "4.9/5", label: "Avg Rating"},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Excellence in landscaping reflected in our clients' success stories."
|
description="Excellence in landscaping reflected in our clients' success stories."
|
||||||
@@ -207,12 +151,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
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: "q3", title: "Do you work on commercial projects?", content: "Absolutely, we specialize in both high-end residential estates and large-scale commercial landscapes." },
|
||||||
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."},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions about your landscape? We have the answers."
|
description="Have questions about your landscape? We have the answers."
|
||||||
@@ -221,15 +162,12 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactCenter
|
||||||
|
tag="Connect"
|
||||||
|
title="Get in Touch"
|
||||||
|
description="Let's collaborate on your next outdoor masterpiece. Reach out to AL WOROOD for expert landscape architecture services."
|
||||||
|
background={{ variant: "gradient-bars" }}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
|
||||||
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: "#"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -239,26 +177,20 @@ export default function LandingPage() {
|
|||||||
columns={[
|
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: "#"},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user