Merge version_2 into main #1
190
src/app/page.tsx
190
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -29,82 +29,28 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Homes",
|
||||
id: "listings",
|
||||
},
|
||||
name: "Homes", id: "listings"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ipswich Home Movers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Professional House Removals & Transport in Ipswich"
|
||||
variant: "plain"}}
|
||||
logoText="Professional House Removals & Transport in Ipswich"
|
||||
description="With over decades of experience, we specialize in safe, reliable house removals, restumping, and transport services across QLD. Your trusted partner for seamless home relocation."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-carrying-burden-concept_23-2150040370.jpg",
|
||||
alt: "House relocation in progress",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg",
|
||||
alt: "Client team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg",
|
||||
alt: "Client team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-tablet_23-2149181703.jpg",
|
||||
alt: "Client team member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-parents-kids-unpacking-things-new-empty-apartment-sitting-floor-taking-objects-from-open-boxes_74855-10018.jpg",
|
||||
alt: "Client team member",
|
||||
},
|
||||
]}
|
||||
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Available Homes",
|
||||
href: "#listings",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "20+ Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ipswich Based",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe Logistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Restumping",
|
||||
},
|
||||
text: "View Available Homes", href: "#listings"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,32 +62,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "House Removal",
|
||||
tags: [
|
||||
"Transport",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428275.jpg",
|
||||
},
|
||||
id: "1", title: "House Removal", tags: [
|
||||
"Transport", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428275.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Restumping",
|
||||
tags: [
|
||||
"Foundation",
|
||||
"Repair",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a62ntg",
|
||||
},
|
||||
id: "2", title: "Restumping", tags: [
|
||||
"Foundation", "Repair"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a62ntg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "House Delivery",
|
||||
tags: [
|
||||
"Logistics",
|
||||
"Project Management",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-against-blue-sky-sunny-day_185193-108531.jpg",
|
||||
},
|
||||
id: "3", title: "House Delivery", tags: [
|
||||
"Logistics", "Project Management"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-crane-against-blue-sky-sunny-day_185193-108531.jpg"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We offer end-to-end solutions for house relocation and site preparation."
|
||||
@@ -156,59 +87,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "l1",
|
||||
brand: "Qld Relocations",
|
||||
name: "Classic Weatherboard",
|
||||
price: "From $85,000",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg",
|
||||
},
|
||||
id: "l1", brand: "Qld Relocations", name: "Classic Weatherboard", price: "From $85,000", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/view-house-decorated-with-american-flag-colors-ornaments-independence-day-celebration_23-2151469867.jpg"},
|
||||
{
|
||||
id: "l2",
|
||||
brand: "Qld Relocations",
|
||||
name: "Suburban Charmer",
|
||||
price: "From $92,000",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg",
|
||||
},
|
||||
id: "l2", brand: "Qld Relocations", name: "Suburban Charmer", price: "From $92,000", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-map-near-houses_23-2147837114.jpg"},
|
||||
{
|
||||
id: "l3",
|
||||
brand: "Qld Relocations",
|
||||
name: "Modern Transportable",
|
||||
price: "From $110,000",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-tablet_23-2149181703.jpg",
|
||||
},
|
||||
id: "l3", brand: "Qld Relocations", name: "Modern Transportable", price: "From $110,000", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-tablet_23-2149181703.jpg"},
|
||||
{
|
||||
id: "l4",
|
||||
brand: "Qld Relocations",
|
||||
name: "Cottage Style",
|
||||
price: "From $78,000",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-kids-unpacking-things-new-empty-apartment-sitting-floor-taking-objects-from-open-boxes_74855-10018.jpg",
|
||||
},
|
||||
id: "l4", brand: "Qld Relocations", name: "Cottage Style", price: "From $78,000", rating: 5,
|
||||
reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-kids-unpacking-things-new-empty-apartment-sitting-floor-taking-objects-from-open-boxes_74855-10018.jpg"},
|
||||
{
|
||||
id: "l5",
|
||||
brand: "Qld Relocations",
|
||||
name: "Family Relocatable",
|
||||
price: "From $125,000",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738011.jpg",
|
||||
},
|
||||
id: "l5", brand: "Qld Relocations", name: "Family Relocatable", price: "From $125,000", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738011.jpg"},
|
||||
{
|
||||
id: "l6",
|
||||
brand: "Qld Relocations",
|
||||
name: "Renovation Project",
|
||||
price: "From $65,000",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2799.jpg",
|
||||
},
|
||||
id: "l6", brand: "Qld Relocations", name: "Renovation Project", price: "From $65,000", rating: 4,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-standing-lawn_1170-2799.jpg"},
|
||||
]}
|
||||
title="Homes for Relocation"
|
||||
description="Browse our selection of quality transportable homes currently available in the Ipswich and QLD region."
|
||||
@@ -222,25 +117,13 @@ export default function LandingPage() {
|
||||
tag="Excellence in Motion"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Houses Relocated",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Houses Relocated"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
description: "Years in Industry",
|
||||
},
|
||||
id: "m2", value: "25+", description: "Years in Industry"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Safety Compliance",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Safety Compliance"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4.9/5",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
id: "m4", value: "4.9/5", description: "Customer Rating"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -250,8 +133,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Whether you need a restumping quote or information on house delivery, our team is here to assist. Ipswich-based professionals ready to help."
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120006;
|
||||
--primary-cta: #e63946;
|
||||
--background: #000000;
|
||||
--card: #121212;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #120006;
|
||||
--accent: #ff0000;
|
||||
--background-accent: #1a0000;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user