Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
317
src/app/page.tsx
317
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Target, Star } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ous Fifi's Kitchen"
|
||||
/>
|
||||
@@ -58,66 +44,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Your Perfect Outdoor Living Space"
|
||||
description="At Ous Fifi's Kitchen, we transform ordinary landscapes into breathtaking works of art with precision and professional landscape expertise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Services", href: "#features" },
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359698.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg",
|
||||
alt: "High angle pool and plants",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg",
|
||||
alt: "Brown and black wooden bench near glass window",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-african-american-woman-street-wearing-black-sexy-fashion-outfit_627829-6738.jpg",
|
||||
alt: "Young stylish beautiful african american woman in street wearing black sexy fashion outfit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359704.jpg",
|
||||
alt: "Beautiful japanese garden",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359698.jpg",
|
||||
alt: "landscaping garden design lush",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-pool-plants_23-2149684499.jpg", alt: "High angle pool and plants" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brown-black-wooden-bench-near-glass-window_417767-129.jpg", alt: "Brown and black wooden bench near glass window" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-african-american-woman-street-wearing-black-sexy-fashion-outfit_627829-6738.jpg", alt: "Young stylish beautiful african american woman in street wearing black sexy fashion outfit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359704.jpg", alt: "Beautiful japanese garden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359698.jpg", alt: "landscaping garden design lush" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Workmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Landscapers",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tailored Gardens",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{ type: "text", text: "Quality Workmanship" },
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Expert Landscapers" },
|
||||
{ type: "text", text: "Tailored Gardens" },
|
||||
{ type: "text", text: "Premium Materials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,26 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Essential",
|
||||
title: "Garden Lighting",
|
||||
subtitle: "Illuminate Your Nights",
|
||||
description: "Atmospheric, energy-efficient lighting solutions for your pathways and garden beds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cozy-lamp-cafe_181624-58682.jpg",
|
||||
},
|
||||
tag: "Essential", title: "Garden Lighting", subtitle: "Illuminate Your Nights", description: "Atmospheric, energy-efficient lighting solutions for your pathways and garden beds.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cozy-lamp-cafe_181624-58682.jpg"},
|
||||
{
|
||||
tag: "Core",
|
||||
title: "Hardscaping",
|
||||
subtitle: "Foundation Excellence",
|
||||
description: "Professional construction of stone patios, walkways, and retaining walls.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg",
|
||||
},
|
||||
tag: "Core", title: "Hardscaping", subtitle: "Foundation Excellence", description: "Professional construction of stone patios, walkways, and retaining walls.", imageSrc: "http://img.b2bpic.net/free-photo/wuxi-nianhuawan-natural-park_1359-1141.jpg"},
|
||||
{
|
||||
tag: "Special",
|
||||
title: "Water Features",
|
||||
subtitle: "Serene Elements",
|
||||
description: "Custom water feature design, from peaceful fountains to tranquil koi ponds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mountain-landscape-sunny-day_23-2149063232.jpg?_wi=1",
|
||||
},
|
||||
tag: "Special", title: "Water Features", subtitle: "Serene Elements", description: "Custom water feature design, from peaceful fountains to tranquil koi ponds.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mountain-landscape-sunny-day_23-2149063232.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive landscaping solutions to keep your property looking pristine and vibrant year-round."
|
||||
@@ -170,60 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "NatureSelect",
|
||||
name: "Exotic Ornamental",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-ballerina-dancing-indoors-botanical-garden_23-2149344149.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "FloraPrime",
|
||||
name: "Blooming Shrub",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-christmas-ligths-cinnamon-decoration-sticks_114579-2442.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "GreenTrim",
|
||||
name: "Topiary Shrub",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-group-green-leaves_23-2148211865.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "StoneArt",
|
||||
name: "Garden Sculpture",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-chair-small-garden_1428-181.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "RusticLiving",
|
||||
name: "Teak Bench",
|
||||
price: "$550",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/central-park-autumn-bench-midtown-manhattan-new-york-city_649448-4604.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "EarthGuard",
|
||||
name: "Premium Organic Mulch",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411789.jpg",
|
||||
},
|
||||
{ id: "1", brand: "NatureSelect", name: "Exotic Ornamental", price: "$89", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/young-female-ballerina-dancing-indoors-botanical-garden_23-2149344149.jpg" },
|
||||
{ id: "2", brand: "FloraPrime", name: "Blooming Shrub", price: "$45", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/flower-bouquet-christmas-ligths-cinnamon-decoration-sticks_114579-2442.jpg" },
|
||||
{ id: "3", brand: "GreenTrim", name: "Topiary Shrub", price: "$120", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/detail-group-green-leaves_23-2148211865.jpg" },
|
||||
{ id: "4", brand: "StoneArt", name: "Garden Sculpture", price: "$299", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/wooden-chair-small-garden_1428-181.jpg" },
|
||||
{ id: "5", brand: "RusticLiving", name: "Teak Bench", price: "$550", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/central-park-autumn-bench-midtown-manhattan-new-york-city_649448-4604.jpg" },
|
||||
{ id: "6", brand: "EarthGuard", name: "Premium Organic Mulch", price: "$25", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411789.jpg" },
|
||||
]}
|
||||
title="Landscaping Essentials & Decor"
|
||||
description="Premium elements to elevate your garden's design."
|
||||
@@ -236,21 +121,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Clients",
|
||||
value: "120",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{ id: "m1", title: "Projects Completed", value: "150+", icon: Zap },
|
||||
{ id: "m2", title: "Happy Clients", value: "120", icon: Target },
|
||||
{ id: "m3", title: "Years Experience", value: "10+", icon: Star },
|
||||
]}
|
||||
title="Success by the Numbers"
|
||||
description="Proven results for our clients."
|
||||
@@ -264,46 +137,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-surrounded-by-plants_23-2150522503.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa R.",
|
||||
role: "Designer",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-beautiful-sundress_23-2150874010.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James T.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21333.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
role: "Business Owner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-surrounded-by-plants_23-2150522503.jpg" },
|
||||
{ id: "3", name: "Lisa R.", role: "Designer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-beautiful-sundress_23-2150874010.jpg" },
|
||||
{ id: "4", name: "James T.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21333.jpg" },
|
||||
{ id: "5", name: "Elena V.", role: "Business Owner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear what our happy customers are saying about our work."
|
||||
@@ -315,27 +153,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we offer free initial site consultations to discuss your vision.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is maintenance included?",
|
||||
content: "We offer separate recurring maintenance plans to keep your yard in top shape.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a project take?",
|
||||
content: "Timeline depends on scope and design complexity, typically 1-3 weeks.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer consultations?", content: "Yes, we offer free initial site consultations to discuss your vision." },
|
||||
{ id: "f2", title: "Is maintenance included?", content: "We offer separate recurring maintenance plans to keep your yard in top shape." },
|
||||
{ id: "f3", title: "How long does a project take?", content: "Timeline depends on scope and design complexity, typically 1-3 weeks." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mountain-landscape-sunny-day_23-2149063232.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mountain-landscape-sunny-day_23-2149063232.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -345,23 +171,10 @@ export default function LandingPage() {
|
||||
title="Start Your Transformation"
|
||||
description="Tell us about your project and we will get back to you shortly."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your garden project ideas...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your garden project ideas..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16776.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -370,49 +183,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Ous Fifi's Kitchen"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user