Switch to version 2: modified src/pages/HomePage.tsx
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { Leaf, ShieldCheck, Sparkles } from "lucide-react";
|
||||
|
||||
@@ -11,7 +11,7 @@ export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Your Outdoor Oasis Awaits"
|
||||
title="Transforming Landscapes, Enhancing Lives"
|
||||
description="From lush gardens to perfectly manicured lawns, we craft stunning outdoor spaces tailored to your vision. Experience nature's beauty with expert care."
|
||||
@@ -23,7 +23,26 @@ export default function HomePage() {
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg"
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-hammocks_1203-141.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing-garden_53876-30332.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-automatic-smart-feeder-household-pets_23-2151482454.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-sustainable-greenhouse_23-2149072117.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seedlings-gardening-tools_23-2147714872.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-stone-pot-pedestal-park_181624-14166.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,10 +69,6 @@ export default function HomePage() {
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg"
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,63 +103,77 @@ export default function HomePage() {
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Process"
|
||||
title="From Vision to Reality"
|
||||
description="Our systematic approach ensures every project is a seamless and rewarding experience for our clients. We handle every detail with precision and care."
|
||||
steps={[
|
||||
{
|
||||
tag: "Step 1",
|
||||
title: "Consultation",
|
||||
subtitle: "Understanding Your Vision",
|
||||
description: "We start with a thorough consultation to understand your needs, preferences, and the unique characteristics of your property. This allows us to create a tailored plan that aligns with your goals and budget.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1585345322958-15e8342b6c49?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
|
||||
},
|
||||
{
|
||||
tag: "Step 2",
|
||||
title: "Design",
|
||||
subtitle: "Crafting the Blueprint",
|
||||
description: "Our design team creates a detailed landscape plan, incorporating your ideas into a beautiful and functional design. We use 3D renderings to help you visualize the final outcome before we break ground.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-with-flowers_1398-4315.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Step 3",
|
||||
title: "Installation",
|
||||
subtitle: "Bringing the Design to Life",
|
||||
description: "Our skilled professionals execute the plan with meticulous attention to detail. We use high-quality materials and proven techniques to ensure a flawless installation that stands the test of time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-woman-holding-flower-pot_1157-25532.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Step 4",
|
||||
title: "Maintenance",
|
||||
subtitle: "Ensuring Lasting Beauty",
|
||||
description: "We offer comprehensive maintenance services to keep your new landscape looking its best. From seasonal care to ongoing upkeep, we ensure your outdoor space continues to thrive and bring you joy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardener-checking-his-plants_23-2147656308.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<ProductMediaCards
|
||||
tag="Our Portfolio"
|
||||
title="Inspired Outdoor Creations"
|
||||
description="Explore a gallery of our completed projects, showcasing diverse styles and innovative designs. See the quality and artistry we bring to every landscape."
|
||||
products={[
|
||||
{
|
||||
name: "Backyard Oasis",
|
||||
price: "Luxury Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg",
|
||||
},
|
||||
{
|
||||
name: "Modern Frontage",
|
||||
price: "Curb Appeal Boost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-pot-with-watering-can_23-2148905227.jpg",
|
||||
},
|
||||
{
|
||||
name: "Urban Rooftop Garden",
|
||||
price: "Cityscape Green",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tranquil Water Feature",
|
||||
price: "Natural & Serene",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-concept_23-2148127956.jpg",
|
||||
},
|
||||
{
|
||||
name: "Commercial Grounds",
|
||||
price: "Business Park",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-square_1359-1040.jpg",
|
||||
},
|
||||
{
|
||||
name: "Custom Pergola & Patio",
|
||||
price: "Outdoor Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pavilion-garden_1339-3182.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsGradientCards
|
||||
<MetricsFeatureCards
|
||||
tag="Our Impact"
|
||||
title="Proven Excellence in Landscaping"
|
||||
description="Our commitment to quality and customer satisfaction is reflected in our achievements and long-lasting client relationships."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years of Experience",
|
||||
description: "Local industry leaders, skilled & certified team, reliable service delivery.",
|
||||
title: "Years of Experience",
|
||||
features: [
|
||||
"Local industry leaders",
|
||||
"Skilled & certified team",
|
||||
"Reliable service delivery",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
description: "Residential & commercial, diverse design styles, on-time & on-budget.",
|
||||
title: "Projects Completed",
|
||||
features: [
|
||||
"Residential & commercial",
|
||||
"Diverse design styles",
|
||||
"On-time & on-budget",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Customer Satisfaction",
|
||||
description: "Glowing testimonials, repeat clientele, and dedicated support.",
|
||||
title: "Customer Satisfaction",
|
||||
features: [
|
||||
"Glowing testimonials",
|
||||
"Repeat clientele",
|
||||
"Dedicated support",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user