Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 224d29a70d | |||
| ac6927aa6f |
244
src/app/page.tsx
244
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Building, Car, CheckCircle, Clock, Key, ShieldCheck } from "lucide-react";
|
||||
import { Droplet, MapPin, CheckCircle, Clock, TreeDeciduous, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,69 +32,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Business Service Denver"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:3035550100",
|
||||
}}
|
||||
brandName="Elite Landscapes"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Premium Locksmith Services in Denver"
|
||||
description="24/7 emergency response, residential, and commercial security solutions. Fast, reliable service you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469411.jpg"
|
||||
imageAlt="professional locksmith tools background"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Transforming Your Outdoor Living Spaces"
|
||||
description="Professional landscaping services in Denver. From custom garden design to complete lawn maintenance, we bring your vision to life with precision and care."
|
||||
buttons={[{ text: "View Our Work", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/house-with-landscaped-garden_23-2148785055.jpg"
|
||||
imageAlt="professional landscaping project"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Business Service Denver"
|
||||
title="The Elite Landscapes Advantage"
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time",
|
||||
value: "20min",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Jobs Completed",
|
||||
value: "10k+",
|
||||
},
|
||||
{ icon: TreeDeciduous, label: "Gardens Created", value: "500+" },
|
||||
{ icon: Clock, label: "Years of Service", value: "12+" },
|
||||
{ icon: CheckCircle, label: "Client Satisfaction", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,24 +72,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Key,
|
||||
title: "Residential Lockout",
|
||||
description: "Locked out of your home? We provide fast, damage-free entry.",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Commercial Security",
|
||||
description: "Master key systems, high-security deadbolts, and access control for your business.",
|
||||
},
|
||||
{
|
||||
icon: Car,
|
||||
title: "Automotive Services",
|
||||
description: "Key replacements and ignition repair for almost all makes and models.",
|
||||
},
|
||||
{ icon: TreeDeciduous, title: "Garden Design", description: "Tailored landscape architecture to enhance your property aesthetics." },
|
||||
{ icon: Droplet, title: "Irrigation Systems", description: "Smart, water-efficient sprinkler systems for lush, healthy greenery." },
|
||||
{ icon: MapPin, title: "Hardscaping", description: "Beautiful patios, walkways, and retaining walls built to last." },
|
||||
]}
|
||||
title="Comprehensive Security Solutions"
|
||||
description="Our experts provide professional security services to ensure your peace of mind."
|
||||
title="Professional Landscaping Services"
|
||||
description="Expert care for your outdoor property with a focus on sustainability and design excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,27 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Lead Locksmith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Security Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert Brown",
|
||||
role: "Automotive Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marcus V", role: "Lead Landscape Architect", imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-standing-garden_23-2148785088.jpg" },
|
||||
{ id: "t2", name: "Elena G", role: "Horticulture Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-gardener-holding-potted-plant_23-2148785077.jpg" },
|
||||
{ id: "t3", name: "Sam R", role: "Hardscape Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-in-garden_23-2148785099.jpg" },
|
||||
]}
|
||||
title="Our Expert Technicians"
|
||||
description="Highly trained, background-checked professionals ready to help."
|
||||
title="Our Experienced Team"
|
||||
description="Passionate professionals dedicated to perfecting every leaf and stone."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,50 +103,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Incredible service! Arrived in record time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171438.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David King",
|
||||
handle: "@dking",
|
||||
testimonial: "Very professional and handled our office security perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Wilson",
|
||||
handle: "@emmaw",
|
||||
testimonial: "Fast, friendly, and very transparent pricing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-indoors_23-2149315344.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Reed",
|
||||
handle: "@alexr",
|
||||
testimonial: "Best locksmith in Denver, bar none.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris Taylor",
|
||||
handle: "@ctaylor",
|
||||
testimonial: "Extremely helpful after losing my car keys.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
{ id: "1", name: "Jessica P", handle: "@jessp", testimonial: "They completely transformed our backyard into a peaceful oasis.", rating: 5 },
|
||||
{ id: "2", name: "Mark T", handle: "@markt", testimonial: "Fantastic work on our retaining walls. Highly recommend.", rating: 5 },
|
||||
{ id: "3", name: "Sarah D", handle: "@sarahd", testimonial: "Professional, reliable, and thorough maintenance services.", rating: 5 },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by hundreds of homeowners and business owners across Denver."
|
||||
title="What Our Clients Say"
|
||||
description="Proven results for homeowners and local businesses across Denver."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,17 +117,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Denver Property Management",
|
||||
"City Builders",
|
||||
"Peak Office Suites",
|
||||
"Main Street Retail",
|
||||
"Highland Logistics",
|
||||
"Rocky Mountain Realty",
|
||||
"Summit Tech",
|
||||
]}
|
||||
title="Trusted Local Partnerships"
|
||||
description="We are proud to serve some of the most prominent organizations in the region."
|
||||
names={["Denver City Parks", "Green Growth LLC", "Rocky Mountain Realty", "Summit Gardens", "Blue Spruce Estates"]}
|
||||
title="Industry Partners"
|
||||
description="Trusted by the leading horticultural and real estate groups in the state."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,24 +128,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How fast can you arrive?",
|
||||
content: "We typically arrive within 20-30 minutes for emergency calls.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, all our technicians are fully licensed, bonded, and insured.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, credit cards, and business invoicing.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer custom designs?", content: "Yes, we specialize in bespoke landscape planning and construction." },
|
||||
{ id: "f2", title: "How is pricing structured?", content: "We provide transparent, fixed-price quotes after a site inspection." },
|
||||
{ id: "f3", title: "Do you provide ongoing care?", content: "We offer seasonal maintenance packages for all our completed projects." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our professional locksmith services."
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our premium landscaping process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -259,51 +141,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Need Urgent Assistance?"
|
||||
description="Our locksmith team is ready to help 24/7. Get in touch now."
|
||||
buttonText="Get Help Now"
|
||||
title="Ready to Elevate Your Landscape?"
|
||||
description="Book a site consultation with our experts today and start your journey to a better yard."
|
||||
buttonText="Start My Project"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101893.jpg"
|
||||
logoText="Business Service Denver"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lush-green-garden-pathway_23-2148785121.jpg"
|
||||
logoText="Elite Landscapes"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Denver, CO",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "303-555-0100",
|
||||
href: "tel:3035550100",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Contact", items: [{ label: "Denver, CO", href: "#" }, { label: "(303) 555-0199", href: "tel:3035550199" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f3251;
|
||||
--background: #fafffb;
|
||||
--card: #f7fffa;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #6bbf8e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user