Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="My Business Web Inc."
|
||||
/>
|
||||
@@ -57,40 +45,16 @@ export default function LandingPage() {
|
||||
logoText="My Business Web Inc."
|
||||
description="We build websites that make you money. More leads. More customers. Real growth."
|
||||
buttons={[
|
||||
{
|
||||
text: "🚀 Get Free Strategy Call",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "📞 Call Now (310-986-3082)",
|
||||
href: "tel:3109863082",
|
||||
},
|
||||
{ text: "🚀 Get Free Strategy Call", href: "#contact" },
|
||||
{ text: "📞 Call Now (310-986-3082)", href: "tel:3109863082" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",
|
||||
imageAlt: "Dashboard visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg?_wi=1",
|
||||
imageAlt: "Data growth charts",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg",
|
||||
imageAlt: "Marketing analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
imageAlt: "Professional web design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
imageAlt: "Conversion focused interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg",
|
||||
imageAlt: "Premium growth results",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Dashboard visualization" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg", imageAlt: "Data growth charts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg", imageAlt: "Marketing analytics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg", imageAlt: "Professional web design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Conversion focused interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-connecting-lines-dots_1048-11693.jpg", imageAlt: "Premium growth results" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,14 +64,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"4.5 Rating",
|
||||
"45+ Reviews",
|
||||
"Trusted by Local Businesses",
|
||||
"Proven Growth Results",
|
||||
"4+ Years Experience",
|
||||
"Premium Support",
|
||||
"Client-First Culture",
|
||||
]}
|
||||
"4.5 Rating", "45+ Reviews", "Trusted by Local Businesses", "Proven Growth Results", "4+ Years Experience", "Premium Support", "Client-First Culture"]}
|
||||
title="Proven Excellence"
|
||||
description="Rated 4.5+ by local businesses and partners."
|
||||
/>
|
||||
@@ -119,46 +76,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Website Design",
|
||||
description: "Custom, premium websites built for conversions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LayoutDashboard,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
|
||||
imageAlt: "Woman watching business conference on computer screen looking over statistics",
|
||||
},
|
||||
{
|
||||
title: "Google Ads",
|
||||
description: "Targeted ad management to scale fast.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Volume2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
|
||||
imageAlt: "Woman watching business conference on computer screen looking over statistics",
|
||||
},
|
||||
{
|
||||
title: "SEO Strategy",
|
||||
description: "Get found on Google and dominate search.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg?_wi=1",
|
||||
imageAlt: "Woman watching business conference on computer screen looking over statistics",
|
||||
},
|
||||
{
|
||||
title: "Branding",
|
||||
description: "Elevated visual identities that inspire trust.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-colorful-letters-forming-abbreviation-seo_53876-167038.jpg?_wi=1",
|
||||
imageAlt: "Woman watching business conference on computer screen looking over statistics",
|
||||
},
|
||||
{
|
||||
title: "Social Marketing",
|
||||
description: "Engage your audience across all platforms.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Share2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-viral-marketing_53876-65647.jpg?_wi=1",
|
||||
imageAlt: "Woman watching business conference on computer screen looking over statistics",
|
||||
},
|
||||
{ title: "Website Design", description: "Custom, premium websites built for conversions.", bentoComponent: "reveal-icon", icon: LayoutDashboard },
|
||||
{ title: "Google Ads", description: "Targeted ad management to scale fast.", bentoComponent: "reveal-icon", icon: Volume2 },
|
||||
{ title: "SEO Strategy", description: "Get found on Google and dominate search.", bentoComponent: "reveal-icon", icon: Search },
|
||||
{ title: "Branding", description: "Elevated visual identities that inspire trust.", bentoComponent: "reveal-icon", icon: Palette },
|
||||
{ title: "Social Marketing", description: "Engage your audience across all platforms.", bentoComponent: "reveal-icon", icon: Share2 },
|
||||
]}
|
||||
title="What We Do"
|
||||
description="High-end digital solutions designed to grow your business."
|
||||
@@ -170,61 +92,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Business Owner",
|
||||
quote: "My business grew tremendously since working with them!",
|
||||
tag: "Growth",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3",
|
||||
imageAlt: "business portrait professional neutral",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "Dec 2023",
|
||||
title: "Entrepreneur",
|
||||
quote: "100% professional results every single time.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg?_wi=2",
|
||||
imageAlt: "business portrait professional neutral",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
date: "Nov 2023",
|
||||
title: "Managing Director",
|
||||
quote: "Top-notch service for 4 years! Highly recommend.",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-colorful-letters-forming-abbreviation-seo_53876-167038.jpg?_wi=2",
|
||||
imageAlt: "business portrait professional neutral",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David R.",
|
||||
date: "Oct 2023",
|
||||
title: "Consultant",
|
||||
quote: "The best investment I have made in my business.",
|
||||
tag: "Impact",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-man-wearing-glasses-standing-with-closed-posture-looking-front-isolated-pink-wall_141793-73584.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-viral-marketing_53876-65647.jpg?_wi=2",
|
||||
imageAlt: "business portrait professional neutral",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
date: "Sep 2023",
|
||||
title: "Retail Owner",
|
||||
quote: "They transformed our presence completely.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57447.jpg?_wi=2",
|
||||
imageAlt: "business portrait professional neutral",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", date: "Jan 2024", title: "Business Owner", quote: "My business grew tremendously since working with them!", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
|
||||
{ id: "2", name: "Michael K.", date: "Dec 2023", title: "Entrepreneur", quote: "100% professional results every single time.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
|
||||
{ id: "3", name: "Emily P.", date: "Nov 2023", title: "Managing Director", quote: "Top-notch service for 4 years! Highly recommend.", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg" },
|
||||
{ id: "4", name: "David R.", date: "Oct 2023", title: "Consultant", quote: "The best investment I have made in my business.", tag: "Impact", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-man-wearing-glasses-standing-with-closed-posture-looking-front-isolated-pink-wall_141793-73584.jpg" },
|
||||
{ id: "5", name: "Linda M.", date: "Sep 2023", title: "Retail Owner", quote: "They transformed our presence completely.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/senior-business-woman-smiling_1187-1564.jpg" },
|
||||
]}
|
||||
title="Real Results. Real Growth."
|
||||
description="Our clients trust us to deliver premium results that hit the bottom line."
|
||||
@@ -235,12 +107,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Clients Choose Us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Free Consultation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -250,34 +117,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "01",
|
||||
title: "Strategy Call",
|
||||
description: "Defining your goals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "02",
|
||||
title: "Design & Build",
|
||||
description: "Crafting premium assets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-colorful-letters-forming-abbreviation-seo_53876-167038.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "03",
|
||||
title: "Launch",
|
||||
description: "Go live globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-viral-marketing_53876-65647.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "04",
|
||||
title: "Grow",
|
||||
description: "Scalable business growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204923.jpg",
|
||||
},
|
||||
{ id: "1", value: "01", title: "Strategy Call", description: "Defining your goals.", imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg" },
|
||||
{ id: "2", value: "02", title: "Design & Build", description: "Crafting premium assets.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-colorful-letters-forming-abbreviation-seo_53876-167038.jpg" },
|
||||
{ id: "3", value: "03", title: "Launch", description: "Go live globally.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-viral-marketing_53876-65647.jpg" },
|
||||
{ id: "4", value: "04", title: "Grow", description: "Scalable business growth.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204923.jpg" },
|
||||
]}
|
||||
title="Our Proven Process"
|
||||
description="Simple steps for massive growth."
|
||||
@@ -294,21 +137,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to Grow?"
|
||||
title="Ready to Grow Your Business?"
|
||||
description="Let's build something extraordinary together."
|
||||
buttons={[
|
||||
{
|
||||
text: "🚀 Get Free Consultation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "📞 Call Now",
|
||||
href: "tel:3109863082",
|
||||
},
|
||||
{ text: "🚀 Get Free Consultation", href: "#" },
|
||||
{ text: "📞 Call Now", href: "tel:3109863082" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -317,29 +152,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "My Business Web Inc.",
|
||||
items: [
|
||||
{
|
||||
label: "Gardena, CA",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "310-986-3082",
|
||||
href: "tel:3109863082",
|
||||
},
|
||||
title: "My Business Web Inc.", items: [
|
||||
{ label: "Gardena, CA", href: "#" },
|
||||
{ label: "310-986-3082", href: "tel:3109863082" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user