Merge version_2 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,142 +26,37 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pacheco's Fences"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Secure Your Property with Pacheco's Fences"
|
||||
<HeroCarouselLogo
|
||||
logoText="Pacheco's Fences"
|
||||
description="Professional fence installation and repair services with unmatched quality and durability. Serving your local community with pride."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and craftsmanship. Very pleased with my new wood fence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=1",
|
||||
imageAlt: "professional wooden fence installation",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Pacheco's Fences was prompt, professional, and very affordable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/welding-torch-crafting-item_23-2148803877.jpg?_wi=1",
|
||||
imageAlt: "professional fencing crew working",
|
||||
},
|
||||
{
|
||||
name: "Mike Johnson",
|
||||
handle: "@mikej",
|
||||
testimonial: "Sturdy fence installed right on time. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "The attention to detail on my gate was impressive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-looking-house_23-2148346258.jpg",
|
||||
imageAlt: "professional customer portrait",
|
||||
},
|
||||
{
|
||||
name: "Tom Brown",
|
||||
handle: "@tombrown",
|
||||
testimonial: "Great experience from consultation to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149412519.jpg",
|
||||
imageAlt: "smiling neighbor house exterior",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=2"
|
||||
imageAlt="Professional fence installation by Pacheco's Fences"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-couple-looking-house_23-2148346258.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149412519.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mom-with-baby-neck-dad-daughter-lawn_259150-59395.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wood",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vinyl",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Metal",
|
||||
},
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=2", imageAlt: "Modern wood fencing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/welding-torch-crafting-item_23-2148803877.jpg?_wi=2", imageAlt: "Fencing installation crew" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Quality Fencing Experts"
|
||||
description="With over 15 years of experience, Pacheco's Fences provides premium fencing solutions tailored to your unique requirements. We focus on materials, durability, and aesthetics."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/welding-torch-crafting-item_23-2148803877.jpg?_wi=2"
|
||||
imageAlt="Pacheco's Fences construction expert"
|
||||
description={[
|
||||
"With over 15 years of experience, Pacheco's Fences provides premium fencing solutions tailored to your unique requirements.", "We focus on materials, durability, and aesthetics, ensuring your property is both secure and visually appealing."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,27 +67,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wood Fencing",
|
||||
description: "Classic and beautiful wood fence installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=3",
|
||||
titleIconSrc: "Fence",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Vinyl Fencing",
|
||||
description: "Durable and low-maintenance vinyl solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=4",
|
||||
titleIconSrc: "Fence",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Metal Fencing",
|
||||
description: "Strong, modern metal fencing for security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=5",
|
||||
titleIconSrc: "Fence",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "Wood Fencing", description: "Classic and beautiful wood fence installations.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=3", titleIconSrc: "Fence", buttonText: "Learn More" },
|
||||
{ title: "Vinyl Fencing", description: "Durable and low-maintenance vinyl solutions.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=4", titleIconSrc: "Fence", buttonText: "Learn More" },
|
||||
{ title: "Metal Fencing", description: "Strong, modern metal fencing for security.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=5", titleIconSrc: "Fence", buttonText: "Learn More" },
|
||||
]}
|
||||
title="Our Fencing Services"
|
||||
description="Comprehensive solutions to meet all your residential and commercial needs."
|
||||
@@ -200,92 +77,42 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardSix
|
||||
title="What Our Clients Say"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonial="Pacheco's Fences did an amazing job on our backyard project. Professional crew and quality work."
|
||||
rating={5}
|
||||
author="Mark Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-couple-looking-house_23-2148346258.jpg",
|
||||
alt: "Jane Smith",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-sitting-together_23-2149412519.jpg",
|
||||
alt: "Mike Johnson",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mom-with-baby-neck-dad-daughter-lawn_259150-59395.jpg",
|
||||
alt: "Sarah Lee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Tom Brown",
|
||||
},
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark Johnson", handle: "@markj", testimonial: "Pacheco's Fences did an amazing job on our backyard project. Professional crew and quality work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243181.jpg" },
|
||||
{ id: "2", name: "Jane Smith", handle: "@jsmith", testimonial: "Pacheco's Fences was prompt, professional, and very affordable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-looking-house_23-2148346258.jpg" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
<ContactSplitForm
|
||||
title="Request a Quote"
|
||||
description="Ready to upgrade your property? Fill out the form and we will get back to you shortly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your fencing needs..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-couple-looking-house_23-2148346258.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Wood Fences",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Vinyl Fences",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Metal Fences",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterMedia
|
||||
logoText="Pacheco's Fences"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-female-tourist-carrying-camera-shoulder-looking-building-city_23-2148027183.jpg?_wi=2"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Wood Fences", href: "#" }, { label: "Vinyl Fences", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user