Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -27,95 +27,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="B.Media"
|
||||
button={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Websites that make your business stand out."
|
||||
description="Premium web development for professional businesses. SEO-optimized websites designed to attract clients and build trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/yournumber" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-design_1107-159.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-design_1107-159.jpg"
|
||||
imageAlt="Abstract tech background"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobile First",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Design",
|
||||
},
|
||||
{ type: "text", text: "High Performance" },
|
||||
{ type: "text", text: "SEO Optimized" },
|
||||
{ type: "text", text: "Conversion Focused" },
|
||||
{ type: "text", text: "Mobile First" },
|
||||
{ type: "text", text: "Modern Design" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,49 +75,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Development",
|
||||
description: "Modern, fast, responsive websites designed for professional businesses.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=1",
|
||||
imageAlt: "Development",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=2",
|
||||
imageAlt: "Development",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1107-159.jpg?_wi=2",
|
||||
imageAlt: "dark abstract tech background",
|
||||
title: "Web Development", description: "Modern, fast, responsive websites designed for professional businesses.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", imageAlt: "Development" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", imageAlt: "Development" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "SEO Implementation",
|
||||
description: "Technical SEO structure designed to improve visibility on search engines.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg?_wi=1",
|
||||
imageAlt: "SEO",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg?_wi=2",
|
||||
imageAlt: "SEO",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=3",
|
||||
imageAlt: "web development icon minimal",
|
||||
title: "SEO Implementation", description: "Technical SEO structure designed to improve visibility on search engines.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg", imageAlt: "SEO" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg", imageAlt: "SEO" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Conversion-focused design",
|
||||
description: "Websites structured to convert visitors into clients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg?_wi=1",
|
||||
imageAlt: "Conversion",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg?_wi=2",
|
||||
imageAlt: "Conversion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg?_wi=3",
|
||||
imageAlt: "seo search engine optimization icon minimal",
|
||||
},
|
||||
title: "Conversion-focused design", description: "Websites structured to convert visitors into clients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg", imageAlt: "Conversion" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg", imageAlt: "Conversion" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Professional websites built to grow your business"
|
||||
@@ -183,11 +100,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A premium website is not an expense. It's an investment in your business."
|
||||
description={[
|
||||
"Fast websites optimized for performance",
|
||||
"Clean, professional design that builds trust",
|
||||
"SEO-ready structure",
|
||||
"Mobile-first development",
|
||||
"Built to convert visitors into clients",
|
||||
"Fast websites optimized for performance", "Clean, professional design that builds trust", "SEO-ready structure", "Mobile-first development", "Built to convert visitors into clients"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -200,64 +113,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Discovery",
|
||||
description: "We understand your business and goals.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=4",
|
||||
imageAlt: "Discovery",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=5",
|
||||
imageAlt: "Discovery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg?_wi=3",
|
||||
imageAlt: "conversion rate optimization icon",
|
||||
title: "Discovery", description: "We understand your business and goals.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", imageAlt: "Discovery" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", imageAlt: "Discovery" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Strategy",
|
||||
description: "We design a structure optimized for conversions.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg?_wi=4",
|
||||
imageAlt: "Strategy",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg?_wi=5",
|
||||
imageAlt: "Strategy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-concrete-staircase_53876-75124.jpg?_wi=1",
|
||||
imageAlt: "modern dark office interior",
|
||||
title: "Strategy", description: "We design a structure optimized for conversions.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg", imageAlt: "Strategy" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/internet-infographic-template_1284-48327.jpg", imageAlt: "Strategy" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Development",
|
||||
description: "Built using modern technologies and SEO techniques.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg?_wi=4",
|
||||
imageAlt: "Development",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg?_wi=5",
|
||||
imageAlt: "Development",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-background-design_1107-159.jpg?_wi=3",
|
||||
imageAlt: "dark abstract tech background",
|
||||
title: "Development", description: "Built using modern technologies and SEO techniques.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg", imageAlt: "Development" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/accounting-logo-set-flat-design_23-2148855529.jpg", imageAlt: "Development" }
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Launch",
|
||||
description: "Your new website goes live and starts attracting clients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=6",
|
||||
imageAlt: "Launch",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=7",
|
||||
imageAlt: "Launch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg?_wi=8",
|
||||
imageAlt: "web development icon minimal",
|
||||
},
|
||||
title: "Launch", description: "Your new website goes live and starts attracting clients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", imageAlt: "Launch" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/furniture-sale-landing-page_23-2148923569.jpg", imageAlt: "Launch" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Process"
|
||||
@@ -268,13 +141,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to elevate your online presence?"
|
||||
title="Let's create a website that reflects the quality of your business."
|
||||
description="Send us a message or reach out via WhatsApp."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-concrete-staircase_53876-75124.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-concrete-staircase_53876-75124.jpg"
|
||||
imageAlt="Contact B.Media"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -282,46 +153,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-design_1107-159.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-background-design_1107-159.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Why Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Process", href: "#process" },
|
||||
{ label: "Why Us", href: "#why-us" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email: info@bmedia.com",
|
||||
href: "mailto:info@bmedia.com",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp: +123456789",
|
||||
href: "https://wa.me/123456789",
|
||||
},
|
||||
{
|
||||
label: "Phone: +1 234 567 89",
|
||||
href: "tel:+123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Email: info@bmedia.com", href: "mailto:info@bmedia.com" },
|
||||
{ label: "WhatsApp: +123456789", href: "https://wa.me/123456789" },
|
||||
{ label: "Phone: +1 234 567 89", href: "tel:+123456789" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="B.Media"
|
||||
copyrightText="© 2025 B.Media. All rights reserved."
|
||||
@@ -330,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user