Merge version_2 into main #1
500
src/app/page.tsx
500
src/app/page.tsx
@@ -2,396 +2,152 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { LayoutGrid, CheckCircle, Target, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Garret Burgess Construction"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Garret Burgess"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence in Construction"
|
||||
description="Building the future with precision, integrity, and unparalleled craftsmanship. Your vision, expertly realized by Garret Burgess Construction."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@johnsmith",
|
||||
testimonial: "Exceptional quality and professionalism throughout our home renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-grey-wall-studio-isolated_158538-26745.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_miller",
|
||||
testimonial: "Garret Burgess Construction delivered on every promise. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Wilson",
|
||||
handle: "@dwilson",
|
||||
testimonial: "Timely, efficient, and great attention to detail. Excellent work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-green-shirt-smiling-confident_23-2148401382.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "A truly premium experience from start to finish. Our office looks stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg",
|
||||
},
|
||||
{
|
||||
name: "Robert Davis",
|
||||
handle: "@rdavis",
|
||||
testimonial: "Reliable experts who take pride in their work. Professional and thorough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148921393.jpg"
|
||||
imageAlt="High-end construction project"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-men-work-with-laptop_23-2148921389.jpg",
|
||||
alt: "Close up men at work with laptop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2148921425.jpg",
|
||||
alt: "Medium shot man wearing helmet",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-adjustable-wrench_627829-11409.jpg",
|
||||
alt: "Brutal beard worker man suit construction worker in safety orange helmet with adjustable wrench",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg",
|
||||
alt: "Medium shot smiley man looking at camera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184928.jpg",
|
||||
alt: "Person working in building and construction",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 150+ industry leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Construction Excellence"
|
||||
description="Garret Burgess Construction blends modern precision with timeless craftsmanship to bring your vision to life."
|
||||
testimonials={[]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-building-project_1098-14328.jpg"
|
||||
imageAlt="Construction project"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our commitment to quality ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/new-building-project_1098-14328.jpg",
|
||||
alt: "Garret Burgess working",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Building Legacies with Unmatched Quality and Dedication"
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
buttons={[{ text: "Our Philosophy" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Expert Construction Services"
|
||||
description="We specialize in a comprehensive range of construction services, tailored to meet your unique needs and exceed expectations."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Residential Builds",
|
||||
content: "Custom homes designed and built with meticulous care and attention.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Commercial Renovations",
|
||||
content: "Professional workspace solutions that blend functionality and aesthetics.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Historical Restorations",
|
||||
content: "Honoring the past while incorporating modern building standards.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive construction solutions tailored for residential and commercial demands."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Residential Development", tags: ["Custom", "Modern"], imageSrc: "http://img.b2bpic.net/free-photo/facade-modern-new-building_23-2147694757.jpg" },
|
||||
{ id: "f2", title: "Commercial Infrastructure", tags: ["Professional", "Durable"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clipboard_23-2148921393.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Completed Projects",
|
||||
description: "High-quality structures built across the region.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-near-plans-helmet_23-2147785527.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated to excellence in every build.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-electric-drill-plastic-case-with-hardware-items_23-2147865422.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Safety Standards",
|
||||
description: "Prioritizing the health of our crew and project integrity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-construction-site_23-2151889141.jpg",
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our legacy of success is measured by the satisfaction of our clients and the durability of our structures."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
title="Proven Track Record"
|
||||
description="Consistently delivering excellence in every project we undertake."
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: LayoutGrid, title: "Projects Completed", value: "200+" },
|
||||
{ id: "m2", icon: Target, title: "Client Satisfaction", value: "100%" },
|
||||
{ id: "m3", icon: Award, title: "Years Experience", value: "25+" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
handle: "@alice",
|
||||
testimonial: "Truly unmatched attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-talking-his-mobile-phone-airport-terminal_107420-85041.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Martin",
|
||||
handle: "@bobm",
|
||||
testimonial: "Professional, clean, and efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carla Reed",
|
||||
handle: "@creed",
|
||||
testimonial: "The best construction firm I have ever worked with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Holt",
|
||||
handle: "@dholt",
|
||||
testimonial: "Quality that will last for generations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-beautiful-female-white-shirt-posing-with-delighted-expression_140725-17234.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Moss",
|
||||
handle: "@emoss",
|
||||
testimonial: "A stress-free experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-age_343059-3756.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear directly from those who trust Garret Burgess Construction with their most important assets."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
title="Client Testimonials"
|
||||
description="Real feedback from our satisfied partners and clients."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah W.", handle: "@swilliams", testimonial: "The attention to detail is simply unmatched.", rating: 5 },
|
||||
{ id: "t2", name: "Mark D.", handle: "@mdavis", testimonial: "Professionalism and efficiency were at the heart of their service.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Design Studio Inc",
|
||||
"Urban Planning Group",
|
||||
"Construction Partners",
|
||||
"Heritage Preservation Trust",
|
||||
"Future Homes Ltd",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="We are proud to collaborate with the industry's finest."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
names={["DesignCo", "UrbanBuild", "CityCorp", "ModernSpace"]}
|
||||
title="Industry Partners"
|
||||
description="Proud to be associated with leading names in the development world."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we provide personalized consultations to discuss your project goals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you manage budgets?",
|
||||
content: "We implement transparent budgeting and scheduling processes throughout the build.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. We carry comprehensive licensing and insurance for all projects.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shareholders-team-ensure-factory-follows-safety-procedures-before-investing_482257-119563.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our process? We have the answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I get started?", content: "Simply reach out via our contact form." },
|
||||
{ id: "q2", title: "Are you licensed?", content: "Yes, we are fully licensed and insured." }
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
text="Ready to build your masterpiece? Connect with us for a consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Start Your Project Today"
|
||||
description="Schedule your consultation with Garret Burgess Construction."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Garret Burgess Construction. All rights reserved."
|
||||
bottomRightText="Built with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Garret Burgess Construction"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#" }, { label: "About", href: "#" }] },
|
||||
{ items: [{ label: "Services", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user