Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b6c347cd09 | |||
| 0171ffa472 | |||
| cd0491d758 | |||
| 72bba42c47 | |||
| 734a16698f | |||
| fc37cd0262 | |||
| 012d8e7e8e | |||
| bac29292d2 | |||
| bbd7d5151f | |||
| c41863d756 | |||
| 447a8349de | |||
| 286744618a | |||
| 2b1df397ff | |||
| f680da3be7 | |||
| b0b546ecde |
@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
|
|||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Manrope } from "next/font/google";
|
import { Manrope } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -25,7 +27,17 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const manrope = Manrope({ variable: "--font-manrope", subsets: ["latin"] });
|
|
||||||
|
|
||||||
|
const libreBaskerville = Libre_Baskerville({
|
||||||
|
variable: "--font-libre-baskerville",
|
||||||
|
subsets: ["latin"],
|
||||||
|
weight: ["400", "700"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
@@ -35,7 +47,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${manrope.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||||
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -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}
|
||||||
@@ -114,16 +118,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: "$699 Setup / $59 per month",
|
||||||
|
subtitle: "Essential foundation for your digital presence",
|
||||||
|
buttons: [{ text: "Inquire", onClick: handleInquireClick }],
|
||||||
|
features: ["3-page website", "Mobile-friendly design", "Domain connection", "Hosting included", "1 revision round", "Monthly hosting, security, and small 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",
|
||||||
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"
|
||||||
@@ -175,12 +183,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>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-manrope), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-manrope), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user