Merge version_2 into main #2
156
src/app/page.tsx
156
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { CheckCircle, Leaf, Truck } from "lucide-react";
|
||||
@@ -30,16 +30,12 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Materials", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Materials", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Contract Services Company"
|
||||
/>
|
||||
@@ -47,41 +43,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your Trusted Partner for Quality Landscaping Supplies"
|
||||
description="Get the materials you need for your yard, play area, or landscaping project, delivered fast and affordably."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:7709435108"},
|
||||
{
|
||||
text: "View Materials", href: "#products"},
|
||||
{ text: "Call Now", href: "tel:7709435108" },
|
||||
{ text: "View Materials", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13272.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "Customer profile one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Customer profile two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg", alt: "Customer profile three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg", alt: "Customer profile four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg", alt: "Customer profile five"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "Customer profile one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg", alt: "Customer profile two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-standing-sideways-camera-talking-smartphone-outdoors_259150-59320.jpg", alt: "Customer profile three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg", alt: "Customer profile four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-growing-cultivating-plants-indoors_23-2149854848.jpg", alt: "Customer profile five" },
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Quality Gravel"},
|
||||
{
|
||||
type: "text", text: "Premium Mulch"},
|
||||
{
|
||||
type: "text", text: "Topsoil Delivery"},
|
||||
{
|
||||
type: "text", text: "Garden Stones"},
|
||||
{
|
||||
type: "text", text: "Fast Local Service"},
|
||||
{ type: "text", text: "Quality Gravel" },
|
||||
{ type: "text", text: "Premium Mulch" },
|
||||
{ type: "text", text: "Topsoil Delivery" },
|
||||
{ type: "text", text: "Garden Stones" },
|
||||
{ type: "text", text: "Fast Local Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,15 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Fast Delivery", description: "Reliable delivery to your site when you need it.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tractor-field_23-2147924049.jpg", tag: "Service"
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Great Selection", description: "A wide variety of rocks, mulch, and soil for all needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-garden-equipment-put-soil_1150-28380.jpg", tag: "Products"
|
||||
},
|
||||
{
|
||||
id: "f3", title: "Competitive Pricing", description: "Quality materials at prices that beat the big box stores.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307759.jpg", tag: "Value"
|
||||
},
|
||||
{ id: "f1", title: "Fast Delivery", description: "Reliable delivery to your site when you need it.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tractor-field_23-2147924049.jpg", tag: "Service" },
|
||||
{ id: "f2", title: "Great Selection", description: "A wide variety of rocks, mulch, and soil for all needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picture-garden-equipment-put-soil_1150-28380.jpg", tag: "Products" },
|
||||
{ id: "f3", title: "Competitive Pricing", description: "Quality materials at prices that beat the big box stores.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307759.jpg", tag: "Value" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="High-quality products combined with service that exceeds expectations."
|
||||
@@ -123,24 +100,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Supplies", name: "Decorative Gravel", price: "$45/ton", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12406.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Supplies", name: "Premium Mulch", price: "$30/yd", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-with-copyspace_23-2148198734.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Supplies", name: "Garden Stone", price: "$60/ton", rating: 4,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Supplies", name: "Paver Rocks", price: "$55/ton", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gravel-road_1137-90.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Supplies", name: "Topsoil", price: "$25/yd", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-stack-firewoods_181624-21784.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Supplies", name: "Slate Border", price: "$70/ton", rating: 4,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12310.jpg"},
|
||||
{ id: "p1", brand: "Supplies", name: "Decorative Gravel", price: "$45/ton", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12406.jpg" },
|
||||
{ id: "p2", brand: "Supplies", name: "Premium Mulch", price: "$30/yd", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gardening-tools-with-copyspace_23-2148198734.jpg" },
|
||||
{ id: "p3", brand: "Supplies", name: "Garden Stone", price: "$60/ton", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/up-green-rock-era-colored_1232-3768.jpg" },
|
||||
{ id: "p4", brand: "Supplies", name: "Paver Rocks", price: "$55/ton", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gravel-road_1137-90.jpg" },
|
||||
{ id: "p5", brand: "Supplies", name: "Topsoil", price: "$25/yd", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-stack-firewoods_181624-21784.jpg" },
|
||||
{ id: "p6", brand: "Supplies", name: "Slate Border", price: "$70/ton", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-12310.jpg" },
|
||||
]}
|
||||
title="Our Materials"
|
||||
description="Quality supplies for your outdoor projects."
|
||||
@@ -153,15 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Happy Customers", value: "1000+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Loads Delivered", value: "5000+", icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "Products Available", value: "50+", icon: Leaf,
|
||||
},
|
||||
{ id: "m1", title: "Happy Customers", value: "1000+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Loads Delivered", value: "5000+", icon: Truck },
|
||||
{ id: "m3", title: "Products Available", value: "50+", icon: Leaf },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Years of helping homeowners and contractors succeed."
|
||||
@@ -174,16 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Nicholas Boyd", handle: "@nicholas", testimonial: "Great place to get any material that you need for your yard. Good prices, great service.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg"},
|
||||
{
|
||||
id: "t2", name: "Wendy Solomon", handle: "@wendy", testimonial: "Excellent service! They answered on Saturday, delivered Monday morning.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg"},
|
||||
{
|
||||
id: "t3", name: "Customer Three", handle: "@customer3", testimonial: "Awesome! This place is way better than the big box stores.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg"},
|
||||
{
|
||||
id: "t4", name: "Customer Four", handle: "@customer4", testimonial: "Fast delivery, exactly what I ordered. Will use again.", imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-holding-gift-box-folder_7502-9035.jpg"},
|
||||
{
|
||||
id: "t5", name: "Customer Five", handle: "@customer5", testimonial: "Very nice people, great prices, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg"},
|
||||
{ id: "t1", name: "Nicholas Boyd", handle: "@nicholas", testimonial: "Great place to get any material that you need for your yard. Good prices, great service.", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg" },
|
||||
{ id: "t2", name: "Wendy Solomon", handle: "@wendy", testimonial: "Excellent service! They answered on Saturday, delivered Monday morning.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-eco-friendly-wind-power-project-with-layout_23-2148847779.jpg" },
|
||||
{ id: "t3", name: "Customer Three", handle: "@customer3", testimonial: "Awesome! This place is way better than the big box stores.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg" },
|
||||
{ id: "t4", name: "Customer Four", handle: "@customer4", testimonial: "Fast delivery, exactly what I ordered. Will use again.", imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-holding-gift-box-folder_7502-9035.jpg" },
|
||||
{ id: "t5", name: "Customer Five", handle: "@customer5", testimonial: "Very nice people, great prices, and professional.", imageSrc: "http://img.b2bpic.net/free-photo/orders_23-2148013390.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See why locals trust us for their yard and landscaping projects."
|
||||
@@ -195,12 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you deliver on weekends?", content: "We do our best to accommodate your scheduling needs, even on weekends."},
|
||||
{
|
||||
id: "q2", title: "What kind of materials do you sell?", content: "We sell gravel, mulch, decorative rocks, sand, soil, and various other landscaping materials."},
|
||||
{
|
||||
id: "q3", title: "How do I place an order?", content: "You can call us directly at (770) 943-5108 to speak with our team and schedule your delivery."},
|
||||
{ id: "q1", title: "Do you deliver on weekends?", content: "We do our best to accommodate your scheduling needs, even on weekends." },
|
||||
{ id: "q2", title: "What kind of materials do you sell?", content: "We sell gravel, mulch, decorative rocks, sand, soil, and various other landscaping materials." },
|
||||
{ id: "q3", title: "How do I place an order?", content: "You can call us directly at (770) 943-5108 to speak with our team and schedule your delivery." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rusty-red-car-lying-abandoned-forest-background-surrounded-by-trees_181624-17018.jpg"
|
||||
title="Common Questions"
|
||||
@@ -212,35 +163,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Call us today or visit our store in Hiram to get the materials you need for your next landscaping venture."
|
||||
buttons={[
|
||||
{
|
||||
text: "(770) 943-5108", href: "tel:7709435108"},
|
||||
]}
|
||||
buttons={[{ text: "(770) 943-5108", href: "tel:7709435108" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "711 Hiram Douglasville Hwy", href: "#"},
|
||||
{
|
||||
label: "Hiram, GA 30141", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(770) 943-5108", href: "tel:7709435108"},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [
|
||||
{ label: "711 Hiram Douglasville Hwy", href: "#" },
|
||||
{ label: "Hiram, GA 30141", href: "#" },
|
||||
] },
|
||||
{ title: "Contact", items: [
|
||||
{ label: "(770) 943-5108", href: "tel:7709435108" },
|
||||
] },
|
||||
]}
|
||||
bottomLeftText="Contract Services Company © 2024"
|
||||
bottomRightText="Built with quality service."
|
||||
|
||||
Reference in New Issue
Block a user