Switch to version 4: modified src/app/page.tsx
This commit is contained in:
@@ -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"},
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user