|
|
|
@@ -10,11 +10,18 @@ import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
|
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
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";
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handlePrivacyClick = () => {
|
|
|
|
|
|
|
|
window.location.href = "/privacy";
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
@@ -33,7 +40,6 @@ export default function LandingPage() {
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "Services", id: "#services" },
|
|
|
|
{ name: "Services", id: "#services" },
|
|
|
|
{ name: "Portfolio", id: "#portfolio" },
|
|
|
|
|
|
|
|
{ name: "About", id: "#about" },
|
|
|
|
{ name: "About", id: "#about" },
|
|
|
|
{ name: "Pricing", id: "#pricing" },
|
|
|
|
{ name: "Pricing", id: "#pricing" },
|
|
|
|
{ name: "Contact", id: "#contact" }
|
|
|
|
{ name: "Contact", id: "#contact" }
|
|
|
|
@@ -48,10 +54,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}
|
|
|
|
@@ -78,25 +84,6 @@ export default function LandingPage() {
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
|
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
products={[
|
|
|
|
|
|
|
|
{ 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: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/vintage-vaporwave-background_23-2148872602.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: "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: "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: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aluminum-tubes-half-used_23-2150919848.jpg" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="Selected Project Work"
|
|
|
|
|
|
|
|
description="A glimpse into our recent design work for high-growth brands."
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<TextSplitAbout
|
|
|
|
<TextSplitAbout
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
@@ -114,16 +101,20 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
plans={[
|
|
|
|
plans={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "starter", badge: "Essential", price: "$600", subtitle: "For small businesses starting out", buttons: [{ text: "Inquire" }],
|
|
|
|
id: "starter",
|
|
|
|
features: ["Custom Landing Page", "Responsive Layout", "Basic SEO Optimization"]
|
|
|
|
badge: "Starter Site",
|
|
|
|
|
|
|
|
price: "$599 Setup / $49 per month",
|
|
|
|
|
|
|
|
subtitle: "Essential foundation for your digital presence. Monthly billing begins the month after initial purchase (first month included in setup).",
|
|
|
|
|
|
|
|
buttons: [{ text: "Inquire", onClick: handleInquireClick }],
|
|
|
|
|
|
|
|
features: ["3-page website", "Mobile-friendly design", "Domain connection", "Hosting included", "2 revision rounds", "Monthly hosting, security, and edits"]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "growth", badge: "Popular", price: "$1000", subtitle: "For established brands scaling up", buttons: [{ text: "Inquire" }],
|
|
|
|
id: "business",
|
|
|
|
features: ["Full Website Design", "Content Strategy", "Advanced SEO Setup", "Speed Optimization"]
|
|
|
|
badge: "Business Growth",
|
|
|
|
},
|
|
|
|
price: "$1199 Setup / $89 per month",
|
|
|
|
{
|
|
|
|
subtitle: "Scale your impact with professional tools. Monthly billing begins the month after initial purchase (first month included in setup).",
|
|
|
|
id: "enterprise", badge: "Pro ", price: "Pro ", subtitle: "For ambitious enterprise needs", buttons: [{ text: "Get a Quote" }],
|
|
|
|
buttons: [{ text: "Inquire", onClick: handleInquireClick }],
|
|
|
|
features: ["Full Identity Systems", "Enterprise Architecture", "Ongoing Maintenance", "Direct Support"]
|
|
|
|
features: ["5-page website", "Modern mobile-friendly design", "Custom branding and colors", "Testimonial section", "Gallery/portfolio section", "FAQ section", "Basic local SEO", "3 revision rounds", "Monthly hosting, small edits, and priority support"]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="Straightforward Investment Packages"
|
|
|
|
title="Straightforward Investment Packages"
|
|
|
|
@@ -152,7 +143,7 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{ id: "f1", title: "How long does a project take?", content: "Most projects take 4-8 weeks depending on the complexity of your requirements." },
|
|
|
|
{ id: "f1", title: "How long does a project take?", content: "Most projects take 1-3 days depending on the complexity of your requirements." },
|
|
|
|
{ id: "f2", title: "What tools do you use?", content: "We leverage modern web technologies such as Next.js and Tailwind CSS for optimal speed and performance." },
|
|
|
|
{ id: "f2", title: "What tools do you use?", content: "We leverage modern web technologies such as Next.js and Tailwind CSS for optimal speed and performance." },
|
|
|
|
{ id: "f3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing care packages to ensure your digital platform stays current and optimized." }
|
|
|
|
{ id: "f3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing care packages to ensure your digital platform stays current and optimized." }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -175,12 +166,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>
|
|
|
|
@@ -190,7 +181,7 @@ export default function LandingPage() {
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterLogoReveal
|
|
|
|
<FooterLogoReveal
|
|
|
|
logoText="Brightline Web"
|
|
|
|
logoText="Brightline Web"
|
|
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
leftLink={{ text: "Privacy Policy", onClick: handlePrivacyClick }}
|
|
|
|
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
|
|
|
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
