Update src/app/page.tsx
This commit is contained in:
172
src/app/page.tsx
172
src/app/page.tsx
@@ -1,172 +1,52 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { MessageSquare, Calendar, ShieldCheck } from 'lucide-react';
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Shield, Zap, Target, Star, ChevronRight, Check } from "lucide-react";
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "transformations" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Landscaping That Elevates the Way Your Property Feels."
|
||||
description="Luxury landscaping, lawn maintenance, and outdoor transformations delivered with professionalism, precision, and genuine care."
|
||||
tag="CENTRAL FLORIDA’S TRUSTED PROFESSIONALS"
|
||||
buttons={[
|
||||
{ text: "GET A FREE ESTIMATE", href: "#contact" },
|
||||
{ text: "VIEW OUR WORK", href: "#transformations" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/yellow-bokeh-effect_1252-348.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/green-trees-forest-garden_114579-11461.jpg", alt: "Green trees in the forest or garden" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/evening-light-shines-green-grass-field-flowers_8353-7363.jpg", alt: "Evening light shines over green grass and field flowers" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/antique-lamp-outdoor_1339-7212.jpg", alt: "antique lamp outdoor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-view-leaf-covered-stone-wall-street-lamp-colorful-sky_181624-7645.jpg", alt: "Beautiful view of a leaf covered stone wall and a street lamp under the colorful sky" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/yellow-bokeh-effect_1252-348.jpg", alt: "luxury landscape design dusk" }
|
||||
]}
|
||||
avatarText="Join 500+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Professional Crew" },
|
||||
{ type: "text", text: "Reliable Service" },
|
||||
{ type: "text", text: "Detail Focused" },
|
||||
{ type: "text", text: "Customized Care" }
|
||||
]}
|
||||
/>
|
||||
<HeroSplit title="Revolutionizing Digital Solutions" description="Empowering businesses with cutting-edge technology and scalable infrastructure." background={{ variant: "gradient-bars" }} mediaAnimation="slide-up" />
|
||||
</div>
|
||||
<div id="social-strip" data-section="social-strip">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["500+ Properties Maintained", "Licensed & Insured", "Professional Crews", "Consistent Scheduling", "Clear Communication", "Customized Care", "Detail Focused"]}
|
||||
title="Trusted Across Florida"
|
||||
description="Professionalism you can feel from day one."
|
||||
/>
|
||||
<SocialProofOne names={["Acme Corp", "Global Tech", "Innovate Inc", "NextGen"] } title="Trusted by industry leaders" description="Joining forces with pioneers to redefine standards." textboxLayout="default" />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism You Can Feel From Day One."
|
||||
metrics={[
|
||||
{ icon: MessageSquare, label: "Communication", value: "Clear" },
|
||||
{ icon: Calendar, label: "Reliability", value: "Daily" },
|
||||
{ icon: ShieldCheck, label: "Quality", value: "Guaranteed" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
<AboutMetric title="Our Impact" metrics={[{ icon: Shield, label: "Security", value: "99.9%" }, { icon: Zap, label: "Efficiency", value: "2x" }]} metricsAnimation="slide-up" />
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Landscape Design", descriptions: ["Beautiful environments designed to enhance your property."], imageSrc: "http://img.b2bpic.net/free-psd/nature-conservation-social-media-promo-template-with-vegetation_23-2149479472.jpg" },
|
||||
{ id: "2", title: "Lawn Maintenance", descriptions: ["Consistent, clean care that keeps lawns healthy year-round."], imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg" },
|
||||
{ id: "3", title: "Hardscaping", descriptions: ["Premium walkways, stonework, and outdoor living enhancements."], imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg" }
|
||||
]}
|
||||
title="Services"
|
||||
description="Comprehensive landscaping solutions delivered with precision and hospitality energy."
|
||||
/>
|
||||
<FeatureCardTwentySeven title="Our Services" description="Comprehensive suite of solutions for your growth." animationType="slide-up" textboxLayout="split" features={[{ id: "1", title: "Cloud Strategy", descriptions: ["Optimize infrastructure"] }, { id: "2", title: "Security Ops", descriptions: ["Protect your assets"] }]} />
|
||||
</div>
|
||||
<div id="transformations" data-section="transformations">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Residential Oasis", price: "Modernized", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-taking-care-garden_23-2151804041.jpg" },
|
||||
{ id: "2", name: "Estate Renovation", price: "Restored", imageSrc: "http://img.b2bpic.net/free-photo/gardening-beautiful-spring-flowers-with-garden-supplies_169016-5992.jpg" },
|
||||
{ id: "3", name: "Commercial Grounds", price: "Elevated", imageSrc: "http://img.b2bpic.net/free-photo/father-son-together-tree-nursery-looking-vegetation_23-2148814061.jpg" },
|
||||
{ id: "4", name: "HOA Transformation", price: "Refined", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pruner-tending-flowers_23-2147768531.jpg" },
|
||||
{ id: "5", name: "Custom Hardscape", price: "Built", imageSrc: "http://img.b2bpic.net/free-photo/wooden-chair-small-garden_1428-181.jpg" },
|
||||
{ id: "6", name: "Lawn Perfection", price: "Perfected", imageSrc: "http://img.b2bpic.net/free-photo/planting-trees-as-part-reforestation-process_23-2149409983.jpg" }
|
||||
]}
|
||||
title="Transformations That Speak For Themselves"
|
||||
description="See the high-end residential and commercial differences we've created."
|
||||
/>
|
||||
<ProductCardThree title="Transformations" description="Key products to boost productivity." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="split" products={[{ id: "p1", name: "Cloud Optimizer", price: "$99", imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=600" }, { id: "p2", name: "Secure Gateway", price: "$149", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=600" }, { id: "p3", name: "Data Insights", price: "$199", imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=600" }]} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jose Velazquez", date: "2024", title: "Homeowner", quote: "Clear communication, approachable, and professional. Respectful, hardworking guys.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg", imageSrc: "http://img.b2bpic.net/free-photo/yellow-bokeh-effect_1252-348.jpg" },
|
||||
{ id: "2", name: "Jocelyn De Leon", date: "2024", title: "Property Manager", quote: "They flipped the beauty in less time than expected. Professional and reliable.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/office-administrator-discusses-transactional-details-with-financial-broker_482257-123292.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg" },
|
||||
{ id: "3", name: "Peter Clapham", date: "2024", title: "Resident", quote: "The crew made the property look the best it has in years.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-shopper-greenhouse-store-making-choice-which-flower-plant-buy_197531-31003.jpg", imageSrc: "http://img.b2bpic.net/free-psd/nature-conservation-social-media-promo-template-with-vegetation_23-2149479472.jpg" },
|
||||
{ id: "4", name: "Sarah Jenkins", date: "2024", title: "Client", quote: "Consistency, honesty, and incredible quality work.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-green-trees_1157-30882.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg" },
|
||||
{ id: "5", name: "Michael Reed", date: "2024", title: "HOA Lead", quote: "Exactly what we needed. Professional from beginning to end.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12316.jpg", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg" }
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Authentic feedback from satisfied clients across Central Florida."
|
||||
/>
|
||||
<TestimonialCardFive title="Client Success" description="Hear from our partners." textboxLayout="split" testimonials={[{ id: "t1", name: "John Doe", date: "Oct 2023", title: "CTO", quote: "Game changing solutions!", tag: "Partner", avatarSrc: "https://i.pravatar.cc/150?u=1" }, { id: "t2", name: "Jane Smith", date: "Nov 2023", title: "CEO", quote: "Professional and efficient.", tag: "Partner", avatarSrc: "https://i.pravatar.cc/150?u=2" }]} />
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "p1", title: "Consultation", descriptions: ["We walk your property and understand your vision."], imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg" },
|
||||
{ id: "p2", title: "Planning", descriptions: ["We create a customized landscape approach tailored to your needs."], imageSrc: "http://img.b2bpic.net/free-photo/attractive-bearded-redhead-male-pink-shirt-blue-jacket-sits-table-cafe-using-tablet-pc_613910-16156.jpg" },
|
||||
{ id: "p3", title: "Transformation", descriptions: ["Team executes with precision and professional care."], imageSrc: "http://img.b2bpic.net/free-photo/man-glasses-sitting-wooden-bench-with-phone_74855-6068.jpg" },
|
||||
{ id: "p4", title: "Ongoing Care", descriptions: ["We maintain and protect your property long-term."], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tank-piece-russian-s-war-ukraine_23-2149437839.jpg" }
|
||||
]}
|
||||
title="The Nations Difference"
|
||||
description="Our proven 4-step approach to landscape excellence."
|
||||
/>
|
||||
<FeatureCardTwentySeven title="Our Process" description="Step-by-step roadmap to success." animationType="blur-reveal" textboxLayout="split" features={[{ id: "s1", title: "Planning", descriptions: ["Define objectives"] }, { id: "s2", title: "Execution", descriptions: ["Agile delivery"] }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="FREE ESTIMATE"
|
||||
title="Ready to Love Your Property?"
|
||||
description="Experience the professionalism, communication, and quality Nations Landscaping is known for."
|
||||
/>
|
||||
<ContactCenter title="Get in touch" description="Start your journey with us today." tag="Contact Us" background={{ variant: "gradient-bars" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Nations Landscaping", items: [{ label: "Reliable & Caring" }, { label: "Sanford, FL" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "hero" }, { label: "Services", href: "services" }, { label: "Portfolio", href: "transformations" }, { label: "Contact", href: "contact" }] },
|
||||
{ title: "Services", items: [{ label: "Lawn Maintenance", href: "services" }, { label: "Landscape Design", href: "services" }, { label: "Hardscaping", href: "services" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Nations Landscaping LLC."
|
||||
bottomRightText="Licensed & Insured"
|
||||
/>
|
||||
<FooterSimple columns={[{ title: "Product", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024 Webild" bottomRightText="All rights reserved." />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user