Merge version_3 into main #3
155
src/app/page.tsx
155
src/app/page.tsx
@@ -2,7 +2,6 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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 FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
@@ -32,67 +31,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AL WOROOD"
|
||||
button={{
|
||||
text: "Consultation", href: "#contact"}}
|
||||
button={{ text: "Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "100%", label: "Satisfaction Rate"},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"}
|
||||
{ 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/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>
|
||||
|
||||
@@ -100,10 +64,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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: "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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,11 +76,14 @@ 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."
|
||||
@@ -132,18 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
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: "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: "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"},
|
||||
{ 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: "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"
|
||||
description="Explore our portfolio of curated landscapes and custom architectural outdoor installations."
|
||||
@@ -156,12 +115,9 @@ export default function LandingPage() {
|
||||
title="Meet Our Visionary Architects"
|
||||
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: "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: "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" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -174,29 +130,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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: "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={[
|
||||
{
|
||||
value: "98%", label: "Client Retention"},
|
||||
{
|
||||
value: "500+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{ value: "98%", label: "Client Retention" },
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Excellence in landscaping reflected in our clients' success stories."
|
||||
@@ -208,12 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your landscape? We have the answers."
|
||||
@@ -227,6 +167,7 @@ export default function LandingPage() {
|
||||
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}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -236,26 +177,20 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design", href: "#services"},
|
||||
{
|
||||
label: "Installation", href: "#"},
|
||||
{ label: "Design", href: "#services" },
|
||||
{ label: "Installation", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user