Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cadaf19a49 | |||
| 3b66f4ca2b | |||
| 8ad09f5c0c | |||
| 3914b0da6d |
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Giuseppe’s Sicilian Bistro"
|
||||
/>
|
||||
@@ -59,78 +49,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Landscape Artistry Inspired by Sicily"
|
||||
description="We bring Mediterranean-inspired elegance to your outdoor spaces, creating lush, functional gardens that capture the soul of the Italian countryside."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Gardens Transformed",
|
||||
},
|
||||
value: "500+", label: "Gardens Transformed"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg?_wi=1"
|
||||
imageAlt="Mediterranean garden design"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-girl-walking-through-her-school-s-campus_1157-17434.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-girl-walking-through-her-school-s-campus_1157-17434.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-report-coffee-shop_1150-6404.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-businessman-discussing-their-report-coffee-shop_1150-6404.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661429.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/antique-lamp-outdoor_1339-7210.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/antique-lamp-outdoor_1339-7210.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
type: "text", text: "Sustainable Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Stonework",
|
||||
},
|
||||
type: "text", text: "Artisan Stonework"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Irrigation",
|
||||
},
|
||||
type: "text", text: "Smart Irrigation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mediterranean Style",
|
||||
},
|
||||
type: "text", text: "Mediterranean Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Maintenance",
|
||||
},
|
||||
type: "text", text: "Professional Maintenance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,9 +102,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Sicilian Craftsmanship in Your Backyard"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn Our Story", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,26 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hardscaping & Stone",
|
||||
subtitle: "Authentic stonework",
|
||||
category: "Services",
|
||||
value: "Precision",
|
||||
},
|
||||
id: "f1", title: "Hardscaping & Stone", subtitle: "Authentic stonework", category: "Services", value: "Precision"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Outdoor Lighting",
|
||||
subtitle: "Atmospheric warmth",
|
||||
category: "Services",
|
||||
value: "Ambiance",
|
||||
},
|
||||
id: "f2", title: "Outdoor Lighting", subtitle: "Atmospheric warmth", category: "Services", value: "Ambiance"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Custom Planting",
|
||||
subtitle: "Bespoke flora choices",
|
||||
category: "Services",
|
||||
value: "Lushness",
|
||||
},
|
||||
id: "f3", title: "Custom Planting", subtitle: "Bespoke flora choices", category: "Services", value: "Lushness"},
|
||||
]}
|
||||
title="Our Garden Services"
|
||||
description="From custom stone hardscaping to vibrant floral arrangements, we craft outdoor spaces that breathe and bloom."
|
||||
@@ -189,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Basic Garden Refresh",
|
||||
price: "$1,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-plants-that-have-been-cultivated-farmed-indoors_23-2149854892.jpg",
|
||||
},
|
||||
id: "p1", name: "Basic Garden Refresh", price: "$1,500", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plants-that-have-been-cultivated-farmed-indoors_23-2149854892.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hardscape Restoration",
|
||||
price: "$4,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stone-brick-wall-background-with-green-plant-stone-texture-with-copy-space_158595-6354.jpg",
|
||||
},
|
||||
id: "p2", name: "Hardscape Restoration", price: "$4,200", imageSrc: "http://img.b2bpic.net/free-photo/modern-stone-brick-wall-background-with-green-plant-stone-texture-with-copy-space_158595-6354.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Monthly Garden Upkeep",
|
||||
price: "$250/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg",
|
||||
},
|
||||
id: "p3", name: "Monthly Garden Upkeep", price: "$250/mo", imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Water Feature Install",
|
||||
price: "$3,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-washing-hands_23-2148938496.jpg",
|
||||
},
|
||||
id: "p4", name: "Water Feature Install", price: "$3,800", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-washing-hands_23-2148938496.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smart Irrigation Install",
|
||||
price: "$2,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-watering-plants-with-sprinkler_23-2148396765.jpg",
|
||||
},
|
||||
id: "p5", name: "Smart Irrigation Install", price: "$2,900", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-watering-plants-with-sprinkler_23-2148396765.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tree Care & Pruning",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41449.jpg",
|
||||
},
|
||||
id: "p6", name: "Tree Care & Pruning", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/man-trimming-bough-brush-guy-works-backyard_1157-41449.jpg"},
|
||||
]}
|
||||
title="Signature Garden Packages"
|
||||
description="Choose from our curated landscaping packages designed to elevate every aspect of your outdoor experience."
|
||||
@@ -237,39 +157,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
badge: "Entry",
|
||||
price: "$1,500",
|
||||
subtitle: "Essential landscaping services",
|
||||
buttons: [
|
||||
id: "pl1", badge: "Entry", price: "$1,500", subtitle: "Essential landscaping services", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Design Consultation",
|
||||
"Basic Planting",
|
||||
"Cleaning",
|
||||
],
|
||||
"Design Consultation", "Basic Planting", "Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "pl2",
|
||||
badge: "Popular",
|
||||
price: "$5,000",
|
||||
subtitle: "Full garden transformation",
|
||||
buttons: [
|
||||
id: "pl2", badge: "Popular", price: "$5,000", subtitle: "Full garden transformation", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Garden Redesign",
|
||||
"Hardscaping",
|
||||
"Professional Lighting",
|
||||
"Smart Watering",
|
||||
],
|
||||
"Full Garden Redesign", "Hardscaping", "Professional Lighting", "Smart Watering"],
|
||||
},
|
||||
]}
|
||||
title="Tailored Solutions for Your Space"
|
||||
@@ -283,60 +184,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sofia Rossi",
|
||||
date: "2023-05-12",
|
||||
title: "Homeowner",
|
||||
quote: "The garden they created makes me feel like I'm back home in Italy.",
|
||||
tag: "Garden Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-mature-bearded-hispanic-florist-smiling-camera-watching-flowers-garden-near-countryside-house-with-happy-relaxed-face-expression_176420-19938.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg?_wi=2",
|
||||
imageAlt: "portrait of happy customer outdoor garden",
|
||||
},
|
||||
id: "t1", name: "Sofia Rossi", date: "2023-05-12", title: "Homeowner", quote: "The garden they created makes me feel like I'm back home in Italy.", tag: "Garden Design", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-mature-bearded-hispanic-florist-smiling-camera-watching-flowers-garden-near-countryside-house-with-happy-relaxed-face-expression_176420-19938.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crescent-masjid-mountain-marbles-light-tourists_1142-1056.jpg?_wi=2", imageAlt: "portrait of happy customer outdoor garden"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Bianchi",
|
||||
date: "2023-08-20",
|
||||
title: "Homeowner",
|
||||
quote: "Professional, clean, and truly masterful work. Highly recommend.",
|
||||
tag: "Hardscaping",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-green-eyed-woman-with-smile-poses-greenhouse-holds-plant_197531-12372.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-gardener-holding-crate-with-fresh-plants_23-2147918747.jpg",
|
||||
imageAlt: "portrait of happy customer outdoor garden",
|
||||
},
|
||||
id: "t2", name: "Elena Bianchi", date: "2023-08-20", title: "Homeowner", quote: "Professional, clean, and truly masterful work. Highly recommend.", tag: "Hardscaping", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-green-eyed-woman-with-smile-poses-greenhouse-holds-plant_197531-12372.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-female-gardener-holding-crate-with-fresh-plants_23-2147918747.jpg", imageAlt: "portrait of happy customer outdoor garden"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marco Romano",
|
||||
date: "2023-09-10",
|
||||
title: "Developer",
|
||||
quote: "Their attention to detail with lighting and stone is unmatched.",
|
||||
tag: "Lighting",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-good-looking-caucasian-bearded-man-blue-shirt-gloves-smiling-camera-holding-pot-with-flower-hands-working-garden_176420-19923.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg",
|
||||
imageAlt: "portrait of happy customer outdoor garden",
|
||||
},
|
||||
id: "t3", name: "Marco Romano", date: "2023-09-10", title: "Developer", quote: "Their attention to detail with lighting and stone is unmatched.", tag: "Lighting", avatarSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-good-looking-caucasian-bearded-man-blue-shirt-gloves-smiling-camera-holding-pot-with-flower-hands-working-garden_176420-19923.jpg", imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg", imageAlt: "portrait of happy customer outdoor garden"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Verdi",
|
||||
date: "2023-10-05",
|
||||
title: "Homeowner",
|
||||
quote: "A beautiful transformation that increased our home value instantly.",
|
||||
tag: "Renovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12323.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-kids-with-halloween-costumes-walking-trick-treating_53876-49179.jpg",
|
||||
imageAlt: "portrait of happy customer outdoor garden",
|
||||
},
|
||||
id: "t4", name: "Anna Verdi", date: "2023-10-05", title: "Homeowner", quote: "A beautiful transformation that increased our home value instantly.", tag: "Renovation", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12323.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-kids-with-halloween-costumes-walking-trick-treating_53876-49179.jpg", imageAlt: "portrait of happy customer outdoor garden"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Giulio Nero",
|
||||
date: "2023-11-15",
|
||||
title: "Homeowner",
|
||||
quote: "Exceptional service and communication throughout the entire process.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mature-bearded-man-with-cup-hands_259150-58327.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streets-old-tbilisi-selective-focus-flower-blurred-background-idea-screensaver-story-about-old-city_166373-3038.jpg",
|
||||
imageAlt: "portrait of happy customer outdoor garden",
|
||||
},
|
||||
id: "t5", name: "Giulio Nero", date: "2023-11-15", title: "Homeowner", quote: "Exceptional service and communication throughout the entire process.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/mature-bearded-man-with-cup-hands_259150-58327.jpg", imageSrc: "http://img.b2bpic.net/free-photo/streets-old-tbilisi-selective-focus-flower-blurred-background-idea-screensaver-story-about-old-city_166373-3038.jpg", imageAlt: "portrait of happy customer outdoor garden"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="From our neighbors to high-end estates, our work speaks for itself through the experiences of those we serve."
|
||||
@@ -348,14 +204,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sicilia Stones",
|
||||
"Mediterranean Arts",
|
||||
"Villa Design Studio",
|
||||
"Green Future Pro",
|
||||
"Garden Lux Supply",
|
||||
"EcoScape Design",
|
||||
"Premier Outdoor Care",
|
||||
]}
|
||||
"Sicilia Stones", "Mediterranean Arts", "Villa Design Studio", "Green Future Pro", "Garden Lux Supply", "EcoScape Design", "Premier Outdoor Care"]}
|
||||
title="Trusted by Local Leaders"
|
||||
description="We are proud to partner with esteemed local businesses and organizations."
|
||||
/>
|
||||
@@ -364,32 +213,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Bring Your Garden Vision to Life"
|
||||
description="Tell us about your project, and we will schedule a consultation to discuss your vision."
|
||||
title="Visit or Contact Us"
|
||||
description="Find us at 123 Sicilian Lane, Palermo District. Open Mon-Fri, 9am-6pm. Reach out to schedule your consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your dream garden",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your dream garden", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-laptop-her-hands-talking-phone-having-many-flowers-glass-roof_158595-7107.jpg"
|
||||
/>
|
||||
@@ -399,13 +237,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Giuseppe’s Sicilian Bistro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Giuseppe’s Landscaping | Mon-Fri 9am-6pm", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user