Switch to version 4: modified src/app/page.tsx

This commit is contained in:
2026-05-08 20:04:40 +00:00
parent d34937afc3
commit 2a9c2245c5

View File

@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Building2, Leaf, MapPin, Scissors, ShieldCheck, Star, Sun, Users } from "lucide-react";
import { Building2, Leaf, MapPin, Scissors, ShieldCheck, Star, Sun, Users, CalendarCheck } from "lucide-react";
export default function LandingPage() {
return (
@@ -39,6 +39,8 @@ export default function LandingPage() {
name: "About", id: "about"},
{
name: "Gallery", id: "gallery"},
{
name: "Booking", id: "booking"},
{
name: "Contact", id: "contact"},
]}
@@ -111,6 +113,25 @@ export default function LandingPage() {
/>
</div>
<div id="booking" data-section="booking">
<FeatureBorderGlow
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
title="Book Your Appointment"
description="Schedule a consultation with our experts to start your garden transformation project."
features={[
{
icon: CalendarCheck,
title: "Quick Scheduling", description: "Select a time that works best for you and your landscape needs."},
]}
buttons={[
{
text: "Book Now", href: "#contact"}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
@@ -144,13 +165,13 @@ export default function LandingPage() {
{
id: "p2", name: "Lush Backyard", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-beautiful-sunflowers_23-2150392040.jpg"},
{
id: "p3", name: "Patio Oasis", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg"},
id: "p3", name: "Patio Oasis", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0VTZPK93LVzTjwqylKV8jUowC/uploaded-1778217763180-yf0hn9ro.png"},
{
id: "p4", name: "Front Yard Redesign", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg"},
{
id: "p5", name: "Commercial Grounds", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg"},
{
id: "p6", name: "Seasonal Display", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio-decoration-with-char-table_74190-6666.jpg"},
id: "p6", name: "Seasonal Display", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0VTZPK93LVzTjwqylKV8jUowC/uploaded-1778218840408-2je556fw.png"},
]}
title="Portfolio Showcase"
description="A look at some of our recent transformations and outdoor living projects."
@@ -226,6 +247,8 @@ export default function LandingPage() {
label: "Services", href: "#services"},
{
label: "About Us", href: "#about"},
{
label: "Booking", href: "#booking"},
{
label: "Contact", href: "#contact"},
],