Merge version_1 into main #2
143
src/app/page.tsx
143
src/app/page.tsx
@@ -7,9 +7,8 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { CheckCircle, MapPin, Tool } from "lucide-react";
|
||||
import { CheckCircle, MapPin, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
name: "About Us", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="H & H Outdoor Services"
|
||||
/>
|
||||
@@ -53,47 +44,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="H & H Outdoor Services"
|
||||
description="Professional and rugged outdoor services across the Otways. From firewood to rural fencing, we handle it all."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg?_wi=1",
|
||||
imageAlt: "Two workers on rural property",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg", imageAlt: "Two workers on rural property"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg?_wi=2",
|
||||
imageAlt: "Workers standing together",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg", imageAlt: "Workers standing together"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg?_wi=3",
|
||||
imageAlt: "Rural landscape team",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg", imageAlt: "Rural landscape team"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg?_wi=4",
|
||||
imageAlt: "Trusted outdoor services",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg", imageAlt: "Trusted outdoor services"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg?_wi=5",
|
||||
imageAlt: "Otways based team",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg", imageAlt: "Otways based team"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg?_wi=6",
|
||||
imageAlt: "Professional outdoor support",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-length-man-with-woman-holding-stones-by-vehicle_107420-9758.jpg", imageAlt: "Professional outdoor support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,53 +74,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Firewood Collection & Delivery",
|
||||
description: "Quality seasoned firewood delivered to your door.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-lumberjack-resting-after-splitting-wood_329181-4613.jpg",
|
||||
imageAlt: "Firewood",
|
||||
},
|
||||
title: "Firewood Collection & Delivery", description: "Quality seasoned firewood delivered to your door.", imageSrc: "http://img.b2bpic.net/free-photo/mature-lumberjack-resting-after-splitting-wood_329181-4613.jpg", imageAlt: "Firewood"},
|
||||
{
|
||||
title: "Lawn Mowing & Maintenance",
|
||||
description: "Professional lawn care keeping your property looking sharp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-glasses-brown-jacket-hat-posed-green-field_627829-6374.jpg",
|
||||
imageAlt: "Lawn mowing",
|
||||
},
|
||||
title: "Lawn Mowing & Maintenance", description: "Professional lawn care keeping your property looking sharp.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-glasses-brown-jacket-hat-posed-green-field_627829-6374.jpg", imageAlt: "Lawn mowing"},
|
||||
{
|
||||
title: "Garden Maintenance",
|
||||
description: "Expert pruning, weeding, and garden care services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-care-flowers_23-2147768465.jpg",
|
||||
imageAlt: "Gardening",
|
||||
},
|
||||
title: "Garden Maintenance", description: "Expert pruning, weeding, and garden care services.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-care-flowers_23-2147768465.jpg", imageAlt: "Gardening"},
|
||||
{
|
||||
title: "Cleaning Services",
|
||||
description: "Pressure cleaning for concrete, driveways, and decks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-swinging-child-by-arms-beachfront_23-2148146326.jpg",
|
||||
imageAlt: "Pressure washing",
|
||||
},
|
||||
title: "Cleaning Services", description: "Pressure cleaning for concrete, driveways, and decks.", imageSrc: "http://img.b2bpic.net/free-photo/father-swinging-child-by-arms-beachfront_23-2148146326.jpg", imageAlt: "Pressure washing"},
|
||||
{
|
||||
title: "Wheelie Bin Sanitisation",
|
||||
description: "Keep your bins clean and hygienic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-put-his-credit-card-removes-cash-from-green-atm_627829-1126.jpg",
|
||||
imageAlt: "Bin cleaning",
|
||||
},
|
||||
title: "Wheelie Bin Sanitisation", description: "Keep your bins clean and hygienic.", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-man-put-his-credit-card-removes-cash-from-green-atm_627829-1126.jpg", imageAlt: "Bin cleaning"},
|
||||
{
|
||||
title: "Rural Fencing & Repair",
|
||||
description: "Reliable fencing and property repairs for rural lands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-wire_1361-91.jpg",
|
||||
imageAlt: "Fencing",
|
||||
},
|
||||
title: "Rural Fencing & Repair", description: "Reliable fencing and property repairs for rural lands.", imageSrc: "http://img.b2bpic.net/free-photo/focused-wire_1361-91.jpg", imageAlt: "Fencing"},
|
||||
{
|
||||
title: "Waste Disposal & Removal",
|
||||
description: "Efficient rubbish removal for farm or yard waste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232507.jpg",
|
||||
imageAlt: "Waste removal",
|
||||
},
|
||||
title: "Waste Disposal & Removal", description: "Efficient rubbish removal for farm or yard waste.", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-community-action_23-2149232507.jpg", imageAlt: "Waste removal"},
|
||||
{
|
||||
title: "General Maintenance",
|
||||
description: "Including rural plumbing and general property repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-gardening-tools_23-2148905233.jpg",
|
||||
imageAlt: "Rural maintenance",
|
||||
},
|
||||
title: "General Maintenance", description: "Including rural plumbing and general property repairs.", imageSrc: "http://img.b2bpic.net/free-photo/plants-gardening-tools_23-2148905233.jpg", imageAlt: "Rural maintenance"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive outdoor solutions for rural and residential needs."
|
||||
@@ -163,37 +101,24 @@ export default function LandingPage() {
|
||||
title="Trusted Local Service"
|
||||
metrics={[
|
||||
{
|
||||
icon: Tool,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
icon: Wrench,
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Service Locations",
|
||||
value: "Otways",
|
||||
},
|
||||
label: "Service Locations", value: "Otways"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Happy Clients", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Get in touch for a quote: 0400 000 000 | 0400 111 222 or email hello@hnhoutdoor.com.au"
|
||||
/>
|
||||
</div>
|
||||
@@ -204,21 +129,13 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user