Merge version_1 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -1,248 +1,84 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Droplet, Leaf, Wrench } from "lucide-react";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Droplet, Wrench, Leaf } from "lucide-react";
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="P&I Maintenance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Transforming Houses Into Homes"
|
||||
description="Trusted home renovations, maintenance and improvements — delivered with craftsmanship, honesty and care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#gallery",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bathroom Renovations",
|
||||
description: "Full transformations, modern fittings, tiling and finishing.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Home Improvements",
|
||||
description: "From small upgrades to full interior transformations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Garden Maintenance",
|
||||
description: "Professional outdoor care to keep your space looking its best.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "General Maintenance",
|
||||
description: "Reliable repairs and improvements for your home.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional solutions for every home project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Suzane Crawford",
|
||||
handle: "@customer",
|
||||
testimonial: "Had this company a couple of times and have always been extremely happy with their work. Very friendly and trustworthy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-61017.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Georgina Creasey",
|
||||
handle: "@customer",
|
||||
testimonial: "Couldn’t recommend this company anymore. They completed all tasks in the timeframe and nothing was too much to ask.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-color-baby-s-room_329181-9327.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julie Grey",
|
||||
handle: "@customer",
|
||||
testimonial: "My bathroom needed a complete overhaul and I had a tight budget. The work was done quickly and the end result was stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-wellbeing-lifestyle-beautiful-young-woman-sofa-drinking-orange-juice-relaxing-home_1258-198531.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "L Brown",
|
||||
handle: "@customer",
|
||||
testimonial: "Professional, reliable and kept to the budget that I could afford. I would recommend them for any home improvement project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Stevens",
|
||||
handle: "@customer",
|
||||
testimonial: "Exceptional attention to detail and a very clean workspace. Highly recommended for any home renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Join our community of happy local homeowners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship at its Core"
|
||||
description="With over 15 years of experience in high-end residential improvements, we treat your home like our own."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg?_wi=2"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Team"
|
||||
tag="Experts"
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Paul",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Isabel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-color-baby-s-room_329181-9327.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-color-baby-s-room_329181-9327.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Bathrooms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Improvements",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call Today",
|
||||
href: "tel:00000000",
|
||||
},
|
||||
{
|
||||
label: "Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="P&I Home Maintenance – Trusted craftsmanship for every home."
|
||||
bottomRightText="© 2024 P&I Maintenance"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="P&I Home Maintenance" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transforming Houses Into Homes"
|
||||
description="Trusted home renovations, maintenance and improvements — delivered with craftsmanship, honesty and care."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "View Our Work", href: "#gallery" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
title="Our Services"
|
||||
description="Professional solutions for every home project."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Bathroom Renovations", description: "Full transformations, modern fittings, tiling and finishing.", bentoComponent: "reveal-icon", icon: Droplet },
|
||||
{ title: "Home Improvements", description: "From small upgrades to full interior transformations.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Garden Maintenance", description: "Professional outdoor care to keep your space looking its best.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "General Maintenance", description: "Reliable repairs and improvements for your home.", bentoComponent: "reveal-icon", icon: Wrench }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
description="Join our community of happy local homeowners."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Suzane Crawford", handle: "@customer", testimonial: "Had this company a couple of times and have always been extremely happy with their work. Very friendly and trustworthy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-61017.jpg" },
|
||||
{ id: "2", name: "Georgina Creasey", handle: "@customer", testimonial: "Couldn’t recommend this company anymore. They completed all tasks in the timeframe and nothing was too much to ask.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-color-baby-s-room_329181-9327.jpg" },
|
||||
{ id: "3", name: "Julie Grey", handle: "@customer", testimonial: "My bathroom needed a complete overhaul and I had a tight budget. The work was done quickly and the end result was stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-wellbeing-lifestyle-beautiful-young-woman-sofa-drinking-orange-juice-relaxing-home_1258-198531.jpg" },
|
||||
{ id: "4", name: "L Brown", handle: "@customer", testimonial: "Professional, reliable and kept to the budget that I could afford. I would recommend them for any home improvement project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
|
||||
{ id: "5", name: "Mark Stevens", handle: "@customer", testimonial: "Exceptional attention to detail and a very clean workspace. Highly recommended for any home renovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Bathrooms", href: "#" }, { label: "Improvements", href: "#" }, { label: "Maintenance", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Today", href: "tel:00000000" }, { label: "Free Quote", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="P&I Home Maintenance – Trusted craftsmanship for every home."
|
||||
bottomRightText="© 2024 P&I Maintenance"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user