|
|
|
@@ -15,6 +15,10 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
import { Monitor, Palette, Zap } from "lucide-react";
|
|
|
|
import { Monitor, Palette, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
|
|
|
const handleInquireClick = () => {
|
|
|
|
|
|
|
|
window.location.href = "mailto:brightlinewebsolutions@gmail.com";
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
@@ -48,10 +52,10 @@ export default function LandingPage() {
|
|
|
|
title="Elevating Brands Through Premium Web Design"
|
|
|
|
title="Elevating Brands Through Premium Web Design"
|
|
|
|
description="Brightline Web crafts high-converting digital experiences that turn visitors into loyal customers. We blend aesthetics with strategy."
|
|
|
|
description="Brightline Web crafts high-converting digital experiences that turn visitors into loyal customers. We blend aesthetics with strategy."
|
|
|
|
tag="Crafting Premium Digital Growth"
|
|
|
|
tag="Crafting Premium Digital Growth"
|
|
|
|
buttons={[{ text: "Get Your Free Strategy - Contact: brightlinewebsolutions@gmail.com", href: "#contact" }]}
|
|
|
|
buttons={[{ text: "Get Your Free Strategy", onClick: handleInquireClick }]}
|
|
|
|
mediaItems={[
|
|
|
|
mediaItems={[
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", imageAlt: "minimalist abstract web design agency" },
|
|
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dn41einsengmZoxwP3uYGIRn4w/tmp/a-professional-website-on-a-computer-wit-1778908537836-a8bbc78f.png", imageAlt: "minimalist abstract web design agency" },
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-effect_23-2148898156.jpg", imageAlt: "minimalist abstract web design agency" }
|
|
|
|
{ imageSrc: "https://img.b2bpic.net/free-photo/businessman-pointing-his-presentation-futuristic-digital-screen_53876-102617.jpg?id=15556741", imageAlt: "minimalist abstract web design agency" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
rating={5}
|
|
|
|
rating={5}
|
|
|
|
@@ -85,12 +89,12 @@ export default function LandingPage() {
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{ id: "p1", name: "Tech Startup Platform", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454615.jpg" },
|
|
|
|
{ id: "p1", name: "Tech Startup Platform", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151454615.jpg" },
|
|
|
|
{ id: "p2", name: "Luxury Retail Experience", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-vector/vintage-vaporwave-background_23-2148872602.jpg" },
|
|
|
|
{ id: "p2", name: "Luxury Retail Experience", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/vintage-vaporwave-background_23-2148872602.jpg" },
|
|
|
|
{ id: "p3", name: "Digital SaaS Identity", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vases-with-decorative-branches-soft-lighting_24972-3108.jpg" },
|
|
|
|
{ id: "p3", name: "Digital SaaS Identity", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-vases-with-decorative-branches-soft-lighting_24972-3108.jpg" },
|
|
|
|
{ id: "p4", name: "Professional Service Hub", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/feedback-review-good-service-4-star-icon-symbol-concept-yellow-background-3d-illustration_56104-1566.jpg" },
|
|
|
|
{ id: "p4", name: "Professional Service Hub", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/feedback-review-good-service-4-star-icon-symbol-concept-yellow-background-3d-illustration_56104-1566.jpg" },
|
|
|
|
{ id: "p5", name: "Fitness Brand Portal", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-landing-page-template_23-2149928631.jpg" },
|
|
|
|
{ id: "p5", name: "Fitness Brand Portal", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-landing-page-template_23-2149928631.jpg" },
|
|
|
|
{ id: "p6", name: "Creative Agency Portfolio", price: "View Case Study", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg" }
|
|
|
|
{ id: "p6", name: "Creative Agency Portfolio", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Selected Project Work"
|
|
|
|
title="Selected Project Work"
|
|
|
|
description="A glimpse into our recent design work for high-growth brands."
|
|
|
|
description="A glimpse into our recent design work for high-growth brands."
|
|
|
|
@@ -114,15 +118,15 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
plans={[
|
|
|
|
plans={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "starter", badge: "Essential", price: "$3,500", subtitle: "For small businesses starting out", buttons: [{ text: "Inquire" }],
|
|
|
|
id: "starter", badge: "Essential", price: "$600", subtitle: "For small businesses starting out", buttons: [{ text: "Inquire", onClick: handleInquireClick }],
|
|
|
|
features: ["Custom Landing Page", "Responsive Layout", "Basic SEO Optimization"]
|
|
|
|
features: ["Custom Landing Page", "Responsive Layout", "Basic SEO Optimization"]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "growth", badge: "Popular", price: "$7,500", subtitle: "For established brands scaling up", buttons: [{ text: "Inquire" }],
|
|
|
|
id: "growth", badge: "Popular", price: "$1000", subtitle: "For established brands scaling up", buttons: [{ text: "Inquire", onClick: handleInquireClick }],
|
|
|
|
features: ["Full Website Design", "Content Strategy", "Advanced SEO Setup", "Speed Optimization"]
|
|
|
|
features: ["Full Website Design", "Content Strategy", "Advanced SEO Setup", "Speed Optimization"]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "enterprise", badge: "Custom", price: "Custom", subtitle: "For ambitious enterprise needs", buttons: [{ text: "Get a Quote" }],
|
|
|
|
id: "enterprise", badge: "Pro ", price: "Pro ", subtitle: "For ambitious enterprise needs", buttons: [{ text: "Get a Quote", onClick: handleInquireClick }],
|
|
|
|
features: ["Full Identity Systems", "Enterprise Architecture", "Ongoing Maintenance", "Direct Support"]
|
|
|
|
features: ["Full Identity Systems", "Enterprise Architecture", "Ongoing Maintenance", "Direct Support"]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -175,12 +179,12 @@ export default function LandingPage() {
|
|
|
|
inputPlaceholder="Your business email"
|
|
|
|
inputPlaceholder="Your business email"
|
|
|
|
buttonText="Get Started"
|
|
|
|
buttonText="Get Started"
|
|
|
|
tag="Let's Talk"
|
|
|
|
tag="Let's Talk"
|
|
|
|
onSubmit={(email: string) => {}}
|
|
|
|
onSubmit={handleInquireClick}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<div className="flex flex-wrap gap-4 justify-center py-8">
|
|
|
|
<div className="flex flex-wrap gap-4 justify-center py-8">
|
|
|
|
<a href="mailto:brightlinewebsolutions@gmail.com" className="bg-primary-cta text-primary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity">
|
|
|
|
<button onClick={handleInquireClick} className="bg-primary-cta text-primary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity">
|
|
|
|
Email Us
|
|
|
|
Email Us
|
|
|
|
</a>
|
|
|
|
</button>
|
|
|
|
<a href="tel:3233243186" className="bg-secondary-cta text-secondary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity border border-accent">
|
|
|
|
<a href="tel:3233243186" className="bg-secondary-cta text-secondary-cta-text px-6 py-3 rounded-full font-medium hover:opacity-90 transition-opacity border border-accent">
|
|
|
|
Call: 323-324-3186
|
|
|
|
Call: 323-324-3186
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
|
