Update src/app/page.tsx
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -31,70 +31,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blue Light Labs"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Engineering Digital Authority for 20+ Years"
|
||||
description="At Blue Light Labs, we build the digital infrastructure your business needs to grow with clarity, control, and performance."
|
||||
tag="Best of Gwinnett 2025"
|
||||
buttons={[
|
||||
{
|
||||
text: "Let's Talk Infrastructure",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Let's Talk Infrastructure", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/structure-abstract-background-with-copy-space_1194-637884.jpg?_wi=1",
|
||||
imageAlt: "Digital architecture technology white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-abstract-architectural-construction_181624-5184.jpg",
|
||||
imageAlt: "Digital architecture technology white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-facade_181624-336.jpg",
|
||||
imageAlt: "Digital architecture technology white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-driven-planning-helps-this-professional-build-successful-strategy_482257-126336.jpg",
|
||||
imageAlt: "Digital architecture technology white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/big-data-concept-vector-illustration_1182-2463.jpg",
|
||||
imageAlt: "Digital architecture technology white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-businesswoman-sitting-with-laptop-city-centre-office-worker-using-computer-ou_1258-117417.jpg",
|
||||
imageAlt: "Digital architecture technology white background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/structure-abstract-background-with-copy-space_1194-637884.jpg", imageAlt: "Digital architecture technology white background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-abstract-architectural-construction_181624-5184.jpg", imageAlt: "Digital architecture technology white background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-facade_181624-336.jpg", imageAlt: "Digital architecture technology white background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-driven-planning-helps-this-professional-build-successful-strategy_482257-126336.jpg", imageAlt: "Digital architecture technology white background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/big-data-concept-vector-illustration_1182-2463.jpg", imageAlt: "Digital architecture technology white background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-businesswoman-sitting-with-laptop-city-centre-office-worker-using-computer-ou_1258-117417.jpg", imageAlt: "Digital architecture technology white background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,15 +68,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built for Growth & Control",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
|
||||
alt: "Professional team collaboration office",
|
||||
},
|
||||
{ type: "text", content: "Built for Growth & Control" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg", alt: "Professional team collaboration office" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,36 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Custom Development",
|
||||
tags: [
|
||||
"Full-Stack",
|
||||
"Web",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg?_wi=1",
|
||||
imageAlt: "Software development architecture dashboard",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "AI Automation",
|
||||
tags: [
|
||||
"Systems",
|
||||
"Optimization",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg?_wi=1",
|
||||
imageAlt: "AI automation concept interface",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Digital Authority",
|
||||
tags: [
|
||||
"Marketing",
|
||||
"SEO",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-growth_53876-21125.jpg?_wi=1",
|
||||
imageAlt: "Digital growth marketing concept",
|
||||
},
|
||||
{ id: "1", title: "Custom Development", tags: ["Full-Stack", "Web"], imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg", imageAlt: "Software development architecture dashboard" },
|
||||
{ id: "2", title: "AI Automation", tags: ["Systems", "Optimization"], imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg", imageAlt: "AI automation concept interface" },
|
||||
{ id: "3", title: "Digital Authority", tags: ["Marketing", "SEO"], imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-growth_53876-21125.jpg", imageAlt: "Digital growth marketing concept" },
|
||||
]}
|
||||
title="Our Digital Services"
|
||||
description="Comprehensive engineering and marketing solutions designed for the long term."
|
||||
@@ -164,30 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
title: "Years of Experience",
|
||||
description: "Driving digital success since day one.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg?_wi=1",
|
||||
imageAlt: "performance metrics speed gauge",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Best",
|
||||
title: "of Gwinnett",
|
||||
description: "Awarded in Web Marketing 2025.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418222.jpg",
|
||||
imageAlt: "global business growth node map",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "87+",
|
||||
title: "Five-Star Reviews",
|
||||
description: "Satisfied partners fueling our growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg",
|
||||
imageAlt: "client satisfaction award badge",
|
||||
},
|
||||
{ id: "1", value: "20+", title: "Years of Experience", description: "Driving digital success since day one.", imageSrc: "http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg", imageAlt: "performance metrics speed gauge" },
|
||||
{ id: "2", value: "Best", title: "of Gwinnett", description: "Awarded in Web Marketing 2025.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-set-with-dj-charge-music-using-virtual-reality-glasses_23-2151418222.jpg", imageAlt: "global business growth node map" },
|
||||
{ id: "3", value: "87+", title: "Five-Star Reviews", description: "Satisfied partners fueling our growth.", imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg", imageAlt: "client satisfaction award badge" },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Clear results that define our excellence."
|
||||
@@ -198,15 +108,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"GrowthPartners",
|
||||
"DesignFlow",
|
||||
"SystemLabs",
|
||||
"AuthorityNet",
|
||||
"FutureMedia",
|
||||
"WebSolutions",
|
||||
]}
|
||||
names={["InnovateTech", "GrowthPartners", "DesignFlow", "SystemLabs", "AuthorityNet", "FutureMedia", "WebSolutions"]}
|
||||
title="Trusted by Growing Brands"
|
||||
description="Partnering with industry leaders to accelerate innovation."
|
||||
/>
|
||||
@@ -217,72 +119,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ashton Bowen",
|
||||
date: "8 months ago",
|
||||
title: "Local Guide",
|
||||
quote: "Chris and Markus are AWESOME! They built a great site for us.",
|
||||
tag: "Web Dev",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/structure-abstract-background-with-copy-space_1194-637884.jpg?_wi=2",
|
||||
imageAlt: "diverse business professional portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Max Falcon",
|
||||
date: "a year ago",
|
||||
title: "Business Owner",
|
||||
quote: "Phenomenal job building and designing my website. Professional and responsive.",
|
||||
tag: "Upgrades",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg",
|
||||
imageAlt: "diverse business professional portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ashton Picas",
|
||||
date: "2 years ago",
|
||||
title: "Client",
|
||||
quote: "They got me setup with a slick site in a growing industry and helped cement me in the space!",
|
||||
tag: "Strategy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg?_wi=2",
|
||||
imageAlt: "diverse business professional portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J.",
|
||||
date: "1 year ago",
|
||||
title: "CEO",
|
||||
quote: "They went way beyond what we were expecting.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-growth_53876-21125.jpg?_wi=2",
|
||||
imageAlt: "diverse business professional portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David M.",
|
||||
date: "6 months ago",
|
||||
title: "Marketing Director",
|
||||
quote: "Satisfied with the quality of work. Highly recommend.",
|
||||
tag: "Results",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg?_wi=2",
|
||||
imageAlt: "diverse business professional portrait",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Emily R.",
|
||||
date: "2 years ago",
|
||||
title: "Founding Partner",
|
||||
quote: "Constant communication throughout the entire process.",
|
||||
tag: "Support",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg?_wi=2",
|
||||
imageAlt: "diverse business professional portrait",
|
||||
},
|
||||
{ id: "1", name: "Ashton Bowen", date: "8 months ago", title: "Local Guide", quote: "Chris and Markus are AWESOME! They built a great site for us.", tag: "Web Dev", avatarSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg", imageSrc: "http://img.b2bpic.net/free-photo/structure-abstract-background-with-copy-space_1194-637884.jpg", imageAlt: "diverse business professional portrait" },
|
||||
{ id: "2", name: "Max Falcon", date: "a year ago", title: "Business Owner", quote: "Phenomenal job building and designing my website. Professional and responsive.", tag: "Upgrades", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", imageSrc: "http://img.b2bpic.net/free-photo/remote-briefing-meeting-diverse-business-people-strategic-partnership_482257-127104.jpg", imageAlt: "diverse business professional portrait" },
|
||||
{ id: "3", name: "Ashton Picas", date: "2 years ago", title: "Client", quote: "They got me setup with a slick site in a growing industry and helped cement me in the space!", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/business-team-office_1098-746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg", imageAlt: "diverse business professional portrait" },
|
||||
{ id: "4", name: "Sarah J.", date: "1 year ago", title: "CEO", quote: "They went way beyond what we were expecting.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-growth_53876-21125.jpg", imageAlt: "diverse business professional portrait" },
|
||||
{ id: "5", name: "David M.", date: "6 months ago", title: "Marketing Director", quote: "Satisfied with the quality of work. Highly recommend.", tag: "Results", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg", imageAlt: "diverse business professional portrait" },
|
||||
{ id: "6", name: "Emily R.", date: "2 years ago", title: "Founding Partner", quote: "Constant communication throughout the entire process.", tag: "Support", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", imageSrc: "http://img.b2bpic.net/free-photo/digital-growth-innovation-business_23-2151964657.jpg", imageAlt: "diverse business professional portrait" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read why we're proud to serve our community."
|
||||
@@ -294,21 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long have you been in business?",
|
||||
content: "Blue Light Labs has been engineering digital platforms for over 20 years.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer custom development, AI automation systems, and digital authority marketing.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you a local business?",
|
||||
content: "Yes, we are based in Flowery Branch, GA and are proud of our #lovegwinnett roots.",
|
||||
},
|
||||
{ id: "1", title: "How long have you been in business?", content: "Blue Light Labs has been engineering digital platforms for over 20 years." },
|
||||
{ id: "2", title: "What services do you offer?", content: "We offer custom development, AI automation systems, and digital authority marketing." },
|
||||
{ id: "3", title: "Are you a local business?", content: "Yes, we are based in Flowery Branch, GA and are proud of our #lovegwinnett roots." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -322,26 +152,12 @@ export default function LandingPage() {
|
||||
title="Ready to build your digital authority?"
|
||||
description="Reach out to us today and let's start the conversation."
|
||||
inputs={[
|
||||
{
|
||||
name: "Name",
|
||||
type: "text",
|
||||
placeholder: "Enter your name",
|
||||
},
|
||||
{
|
||||
name: "Email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
},
|
||||
{
|
||||
name: "Company",
|
||||
type: "text",
|
||||
placeholder: "Your company name",
|
||||
},
|
||||
{ name: "Name", type: "text", placeholder: "Enter your name" },
|
||||
{ name: "Email", type: "email", placeholder: "Enter your email" },
|
||||
{ name: "Company", type: "text", placeholder: "Your company name" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you grow?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help you grow?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-desk-businessman_23-2147833279.jpg"
|
||||
imageAlt="Professional workspace consulting desk"
|
||||
@@ -354,42 +170,21 @@ export default function LandingPage() {
|
||||
logoText="Blue Light Labs Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "770-309-6480",
|
||||
href: "tel:7703096480",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "770-309-6480", href: "tel:7703096480" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user