Merge version_1 into main #2
318
src/app/page.tsx
318
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BrightTruth"
|
||||
/>
|
||||
@@ -55,112 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Clear Digital Growth for Local Businesses"
|
||||
description="BrightTruth delivers high-performance websites built with 2 years of proven local market expertise. We turn your online presence into your strongest asset."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg?_wi=1",
|
||||
imageAlt: "Digital growth concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg?_wi=1",
|
||||
imageAlt: "Web design dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg?_wi=1",
|
||||
imageAlt: "Code environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg?_wi=1",
|
||||
imageAlt: "Floating glass UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg?_wi=1",
|
||||
imageAlt: "Responsive preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg?_wi=1",
|
||||
imageAlt: "Network nodes",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg", imageAlt: "Digital growth concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg", imageAlt: "Web design dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg", imageAlt: "Code environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg", imageAlt: "Floating glass UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg", imageAlt: "Responsive preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg", imageAlt: "Network nodes" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg?_wi=2",
|
||||
imageAlt: "Network nodes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg?_wi=2",
|
||||
imageAlt: "Responsive preview",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg?_wi=2",
|
||||
imageAlt: "Floating glass UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg?_wi=2",
|
||||
imageAlt: "Code environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg?_wi=2",
|
||||
imageAlt: "Web design dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg?_wi=2",
|
||||
imageAlt: "Digital growth concept",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-blue-lights-background_1017-2786.jpg", imageAlt: "Network nodes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104482.jpg", imageAlt: "Responsive preview" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7158.jpg", imageAlt: "Floating glass UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-computer-wooden-table-night-work-desk_169016-50746.jpg", imageAlt: "Code environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848548.jpg", imageAlt: "Web design dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/water-wave-texture-background-white-design_53876-146645.jpg", imageAlt: "Digital growth concept" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg", alt: "Mark" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg", alt: "Alice" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ local leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Lightning Fast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile Responsive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Hosting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern UI/UX",
|
||||
},
|
||||
{ type: "text", text: "Lightning Fast" },
|
||||
{ type: "text", text: "Mobile Responsive" },
|
||||
{ type: "text", text: "SEO Optimized" },
|
||||
{ type: "text", text: "Secure Hosting" },
|
||||
{ type: "text", text: "Modern UI/UX" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,18 +94,9 @@ export default function LandingPage() {
|
||||
title="Honest Web Development"
|
||||
description="BrightTruth was built on the foundation of transparency. With 2 years of intense development experience, we focus on what actually moves the needle for your business—fast load times, mobile friendliness, and clear calls to action."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "2 Years of Focused Work",
|
||||
description: "Rapidly refined technical skills tailored to local business needs.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Process",
|
||||
description: "No hidden jargon. You see exactly what we're building and why.",
|
||||
},
|
||||
{
|
||||
title: "Growth-First Mindset",
|
||||
description: "Every element of your site is designed to convert visitors into clients.",
|
||||
},
|
||||
{ title: "2 Years of Focused Work", description: "Rapidly refined technical skills tailored to local business needs." },
|
||||
{ title: "Transparent Process", description: "No hidden jargon. You see exactly what we're building and why." },
|
||||
{ title: "Growth-First Mindset", description: "Every element of your site is designed to convert visitors into clients." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-man-working-late_23-2148991290.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -197,24 +110,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Lightning Speed",
|
||||
description: "Optimized code for instant loading times.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mobile First",
|
||||
description: "Seamless experience on every phone and device.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ironclad Security",
|
||||
description: "Built-in protection to keep your business safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105508.jpg",
|
||||
},
|
||||
{ id: "1", title: "Lightning Speed", description: "Optimized code for instant loading times.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg" },
|
||||
{ id: "2", title: "Mobile First", description: "Seamless experience on every phone and device.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg" },
|
||||
{ id: "3", title: "Ironclad Security", description: "Built-in protection to keep your business safe.", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105508.jpg" }
|
||||
]}
|
||||
title="Why BrightTruth?"
|
||||
description="We don't just build sites; we build digital storefronts that work 24/7."
|
||||
@@ -223,27 +121,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Projects Completed",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Years Experience",
|
||||
value: "2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Client Retention",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Projects Completed", value: "20+" },
|
||||
{ id: "m2", icon: Clock, title: "Years Experience", value: "2" },
|
||||
{ id: "m3", icon: Smile, title: "Client Retention", value: "100%" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that reflect our commitment to your success."
|
||||
@@ -256,60 +140,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Owner",
|
||||
company: "Jenkins Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
role: "Manager",
|
||||
company: "City Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "CEO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thorne",
|
||||
role: "Founder",
|
||||
company: "Thorne Plumbing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wong",
|
||||
role: "Director",
|
||||
company: "Wong Interiors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", role: "Owner", company: "Jenkins Boutique", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "2", name: "Mark Miller", role: "Manager", company: "City Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-modern-male-with-tattoos-his-arms-posing-near-window-room-with-loft-interior_613910-3595.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg" },
|
||||
{ id: "4", name: "David Thorne", role: "Founder", company: "Thorne Plumbing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg" },
|
||||
{ id: "5", name: "Alice Wong", role: "Director", company: "Wong Interiors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Referral Rate",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "5/5", label: "Avg Rating" },
|
||||
{ value: "95%", label: "Referral Rate" },
|
||||
{ value: "100%", label: "Satisfaction" }
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Don't just take our word for it."
|
||||
@@ -321,21 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a build take?",
|
||||
content: "Typically 2-4 weeks, depending on the project scope.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I own my website?",
|
||||
content: "Absolutely. You own 100% of the code and assets.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer maintenance?",
|
||||
content: "Yes, we provide ongoing care to keep your site updated.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a build take?", content: "Typically 2-4 weeks, depending on the project scope." },
|
||||
{ id: "f2", title: "Do I own my website?", content: "Absolutely. You own 100% of the code and assets." },
|
||||
{ id: "f3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing care to keep your site updated." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers to the most frequently asked questions."
|
||||
@@ -348,23 +176,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Where are you based?",
|
||||
content: "We operate locally and serve businesses across the region.",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "What's the first step?",
|
||||
content: "Fill out the contact form or send us an email to schedule a consult.",
|
||||
},
|
||||
{ id: "c1", title: "Where are you based?", content: "We operate locally and serve businesses across the region." },
|
||||
{ id: "c2", title: "What's the first step?", content: "Fill out the contact form or send us an email to schedule a consult." }
|
||||
]}
|
||||
ctaTitle="Let's Build Something Great"
|
||||
ctaDescription="Have a project in mind? We'd love to chat and see how BrightTruth can help."
|
||||
ctaButton={{
|
||||
text: "Send a Message",
|
||||
href: "mailto:hello@brighttruth.com",
|
||||
}}
|
||||
text: "Send a Message", href: "mailto:hello@brighttruth.com"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -374,31 +192,17 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-skyscraper-surrounded-with-clouds_181624-156.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "BrightTruth",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "BrightTruth", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "LinkedIn", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 | BrightTruth"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user