Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Brightline Web"
|
||||
/>
|
||||
@@ -59,39 +44,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
tag="Crafting Premium Digital Growth"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Strategy",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Your Free Strategy", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg",
|
||||
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: "http://img.b2bpic.net/free-photo/notepad-cover-template-desk-with-laptop_23-2147982579.jpg",
|
||||
imageAlt: "Notepad cover template on desk with laptop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-triangular-long-crystal-white-background_23-2147948636.jpg",
|
||||
imageAlt: "An overhead view of triangular long crystal on white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg",
|
||||
imageAlt: "Letter a; eyeglasses; smartphone; earphone; coffee cup on white desk",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-glasses-isolated-white-background_23-2148188109.jpg", 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" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -105,21 +65,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Web Design",
|
||||
description: "Custom websites tailored to your specific business goals and audience.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Landing Pages",
|
||||
description: "High-conversion landing pages engineered to drive measurable results.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Branding",
|
||||
description: "Defining your digital identity with sophisticated visuals and strategy.",
|
||||
},
|
||||
{ icon: Monitor, title: "Web Design", description: "Custom websites tailored to your specific business goals and audience." },
|
||||
{ icon: Zap, title: "Landing Pages", description: "High-conversion landing pages engineered to drive measurable results." },
|
||||
{ icon: Palette, title: "Branding", description: "Defining your digital identity with sophisticated visuals and strategy." }
|
||||
]}
|
||||
title="Our Specialized Digital Services"
|
||||
description="We offer end-to-end design solutions designed for performance and brand authority."
|
||||
@@ -133,42 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
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: "p2",
|
||||
name: "Luxury Retail Experience",
|
||||
price: "View 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: "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: "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: "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: "p1", name: "Tech Startup Platform", price: "View 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: "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: "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: "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: "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" }
|
||||
]}
|
||||
title="Selected Project Work"
|
||||
description="A glimpse into our recent design work for high-growth brands."
|
||||
@@ -180,9 +98,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built for Results, Designed for Beauty"
|
||||
description={[
|
||||
"Brightline Web was founded on the belief that a website should be more than just a digital presence; it should be your most valuable asset.",
|
||||
"We combine rigorous strategy with high-end visual design to ensure your business makes a lasting impression.",
|
||||
"Our team focuses on long-term relationships, delivering tailored digital experiences that scale alongside your success.",
|
||||
"Brightline Web was founded on the belief that a website should be more than just a digital presence; it should be your most valuable asset.", "We combine rigorous strategy with high-end visual design to ensure your business makes a lasting impression.", "Our team focuses on long-term relationships, delivering tailored digital experiences that scale alongside your success."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -194,55 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$3,500",
|
||||
subtitle: "For small businesses starting out",
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom Landing Page",
|
||||
"Responsive Layout",
|
||||
"Basic SEO Optimization",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$3,500", subtitle: "For small businesses starting out", buttons: [{ text: "Inquire" }],
|
||||
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",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Website Design",
|
||||
"Content Strategy",
|
||||
"Advanced SEO Setup",
|
||||
"Speed Optimization",
|
||||
],
|
||||
id: "growth", badge: "Popular", price: "$7,500", subtitle: "For established brands scaling up", buttons: [{ text: "Inquire" }],
|
||||
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",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Identity Systems",
|
||||
"Enterprise Architecture",
|
||||
"Ongoing Maintenance",
|
||||
"Direct Support",
|
||||
],
|
||||
},
|
||||
id: "enterprise", badge: "Custom", price: "Custom", subtitle: "For ambitious enterprise needs", buttons: [{ text: "Get a Quote" }],
|
||||
features: ["Full Identity Systems", "Enterprise Architecture", "Ongoing Maintenance", "Direct Support"]
|
||||
}
|
||||
]}
|
||||
title="Straightforward Investment Packages"
|
||||
description="Choose the level of engagement that aligns with your current growth phase."
|
||||
@@ -256,21 +134,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40%",
|
||||
description: "Avg. increase in conversion rate",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2x",
|
||||
description: "Faster load times on launch",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Custom design satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "40%", description: "Avg. increase in conversion rate" },
|
||||
{ id: "m2", value: "2x", description: "Faster load times on launch" },
|
||||
{ id: "m3", value: "100%", description: "Custom design satisfaction" }
|
||||
]}
|
||||
title="Impact by the Numbers"
|
||||
description="Our work drives tangible business growth through strategic design."
|
||||
@@ -282,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "f1", title: "How long does a project take?", content: "Most projects take 4-8 weeks 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: "f3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing care packages to ensure your digital platform stays current and optimized." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-businesswoman-with-newspaper-sitting-caf_23-2147876727.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -309,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Let's Start Your Next Project"
|
||||
description="Ready to elevate your digital presence? We're here to help you get started."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-purple-abstract-background_53876-129583.jpg"
|
||||
@@ -325,14 +177,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Brightline Web"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user