Merge version_1 into main #2
368
src/app/page.tsx
368
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CheckCircle, MessageSquare } from "lucide-react";
|
||||
import { Award, CheckCircle, MessageSquare, Hammer, Home, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,289 +26,101 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Deltacon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Deltacon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dawson Creek’s Trusted Construction & Renovation Experts"
|
||||
description="Precision workmanship, clear communication, and results that exceed expectations."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kendall Borek",
|
||||
handle: "@client",
|
||||
testimonial: "An absolute pleasure working with Deltacon. Phil was very personable, great with communication, and had amazing design ideas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Susanne Wakeham",
|
||||
handle: "@homeowner",
|
||||
testimonial: "The team was professional and the quality of work was outstanding. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Geneva O'Connell",
|
||||
handle: "@business",
|
||||
testimonial: "Efficient and reliable. They handled our commercial renovation with ease.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12830.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mark Thompson",
|
||||
handle: "@homeowner",
|
||||
testimonial: "Great attention to detail and kept the job site clean throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@client",
|
||||
testimonial: "Transformed our kitchen beautifully. Exceeded all our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2507845747",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-lady-safety-helmet-standing-near-model-building_23-2148039866.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12830.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Reliability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Service Construction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "5-Star Rated",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dawson Creek’s Trusted Construction & Renovation Experts"
|
||||
description="Precision workmanship, clear communication, and results that exceed expectations."
|
||||
testimonials={[
|
||||
{ name: "Kendall Borek", handle: "@client", testimonial: "An absolute pleasure working with Deltacon. Phil was very personable, great with communication, and had amazing design ideas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg" },
|
||||
{ name: "Susanne Wakeham", handle: "@homeowner", testimonial: "The team was professional and the quality of work was outstanding. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg" },
|
||||
{ name: "Geneva O'Connell", handle: "@business", testimonial: "Efficient and reliable. They handled our commercial renovation with ease.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12830.jpg" },
|
||||
{ name: "Mark Thompson", handle: "@homeowner", testimonial: "Great attention to detail and kept the job site clean throughout the project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg" },
|
||||
{ name: "Sarah Jenkins", handle: "@client", testimonial: "Transformed our kitchen beautifully. Exceeded all our expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:2507845747" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-lady-safety-helmet-standing-near-model-building_23-2148039866.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Home Renovations",
|
||||
description: "High-quality kitchen and bathroom renovations.",
|
||||
buttonIcon: "Hammer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/functional-kitchen-pullout-drawers-matte-blue-fronts_169016-68941.jpg",
|
||||
},
|
||||
{
|
||||
title: "Roofing & Exterior",
|
||||
description: "Full roof replacements and siding.",
|
||||
buttonIcon: "Home",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
|
||||
},
|
||||
{
|
||||
title: "Interior Upgrades",
|
||||
description: "Complete interior remodeling solutions.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-146914.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expert Renovation Services"
|
||||
description="From small repairs to full-scale renovations — we bring your vision to life with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Home Renovations", description: "High-quality kitchen and bathroom renovations.", buttonIcon: Hammer, imageSrc: "http://img.b2bpic.net/free-photo/functional-kitchen-pullout-drawers-matte-blue-fronts_169016-68941.jpg" },
|
||||
{ title: "Roofing & Exterior", description: "Full roof replacements and siding.", buttonIcon: Home, imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg" },
|
||||
{ title: "Interior Upgrades", description: "Complete interior remodeling solutions.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/home-decor-renovation-style-architecture-building_53876-146914.jpg" },
|
||||
]}
|
||||
title="Expert Renovation Services"
|
||||
description="From small repairs to full-scale renovations — we bring your vision to life with precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kendall Borek",
|
||||
handle: "Homeowner",
|
||||
testimonial: "An absolute pleasure working with Deltacon. Phil was very personable, great with communication, and had amazing design ideas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Susanne Wakeham",
|
||||
handle: "Homeowner",
|
||||
testimonial: "From start to finish, the team showed exceptional craftsmanship and professionalism.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Geneva O'Connell",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Always professional, efficient, and high-quality results. I highly recommend them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12830.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Happy Client",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Highly professional and delivered quality results, we are extremely happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Miller",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Deltacon did a fantastic job on our deck renovation. Very solid work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="5-Star Reviews From Real Clients"
|
||||
description="5.0 Stars from 17 Reviews — Proven Quality & Reliability"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Kendall Borek", handle: "Homeowner", testimonial: "An absolute pleasure working with Deltacon. Phil was very personable, great with communication, and had amazing design ideas.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149739347.jpg" },
|
||||
{ id: "2", name: "Susanne Wakeham", handle: "Homeowner", testimonial: "From start to finish, the team showed exceptional craftsmanship and professionalism.", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg" },
|
||||
{ id: "3", name: "Geneva O'Connell", handle: "Business Owner", testimonial: "Always professional, efficient, and high-quality results. I highly recommend them.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12830.jpg" },
|
||||
{ id: "4", name: "Happy Client", handle: "Homeowner", testimonial: "Highly professional and delivered quality results, we are extremely happy.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg" },
|
||||
{ id: "5", name: "David Miller", handle: "Homeowner", testimonial: "Deltacon did a fantastic job on our deck renovation. Very solid work.", imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-holding-house_1187-3154.jpg" },
|
||||
]}
|
||||
title="5-Star Reviews From Real Clients"
|
||||
description="5.0 Stars from 17 Reviews — Proven Quality & Reliability"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Deltacon?"
|
||||
metrics={[
|
||||
{
|
||||
label: "Professionalism",
|
||||
value: "100%",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Detail Oriented",
|
||||
value: "Yes",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
label: "Clear Communication",
|
||||
value: "Always",
|
||||
icon: MessageSquare,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Deltacon?"
|
||||
metrics={[
|
||||
{ label: "Professionalism", value: "100%", icon: Award },
|
||||
{ label: "Detail Oriented", value: "Yes", icon: CheckCircle },
|
||||
{ label: "Clear Communication", value: "Always", icon: MessageSquare },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Contact Us: 316 115 Ave #1, Dawson Creek, BC. (250) 784-5747. Open M-F 7:30AM-5PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2507845747",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Contact Us: 316 115 Ave #1, Dawson Creek, BC. (250) 784-5747. Open M-F 7:30AM-5PM."
|
||||
buttons={[{ text: "Call Now", href: "tel:2507845747" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(250) 784-5747",
|
||||
href: "tel:2507845747",
|
||||
},
|
||||
{
|
||||
label: "Dawson Creek, BC",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 7:30AM-5PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat-Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Deltacon Construction"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "(250) 784-5747", href: "tel:2507845747" }, { label: "Dawson Creek, BC", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Mon-Fri: 7:30AM-5PM", href: "#" }, { label: "Sat-Sun: Closed", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Deltacon Construction"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user