Update src/app/page.tsx
This commit is contained in:
360
src/app/page.tsx
360
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BusinessFlow"
|
||||
/>
|
||||
@@ -58,68 +43,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build Your Business Vision Today"
|
||||
description="We empower businesses to scale faster with innovative strategies and robust digital infrastructure tailored for the modern market."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-business-meeting-yellow-working-room-with-stair_105762-1996.jpg"
|
||||
imageAlt="modern business office interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg",
|
||||
alt: "Vacant office with organized technology",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg",
|
||||
alt: "Empty company office with workstation and desk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-interior-lobby-with-uncommon-furniture_1262-3576.jpg",
|
||||
alt: "Modern interior of lobby with uncommon furniture",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-office-interior-with-glass-walls_9975-135688.jpg",
|
||||
alt: "Modern Office Interior with Glass Walls",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-designers-discussing-project-with-team-leader_74855-9786.jpg",
|
||||
alt: "Diverse designers discussing project",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg", alt: "Vacant office with organized technology" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-company-office-with-workstation-desk-business-development-space-filled-with-documents-computers-corporation-department-room-used-career-development-success_482257-60055.jpg", alt: "Empty company office with workstation and desk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-interior-lobby-with-uncommon-furniture_1262-3576.jpg", alt: "Modern interior of lobby with uncommon furniture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-office-interior-with-glass-walls_9975-135688.jpg", alt: "Modern Office Interior with Glass Walls" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/diverse-designers-discussing-project-with-team-leader_74855-9786.jpg", alt: "Diverse designers discussing project" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Efficiency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
{ type: "text", text: "Strategy" },
|
||||
{ type: "text", text: "Innovation" },
|
||||
{ type: "text", text: "Scalability" },
|
||||
{ type: "text", text: "Efficiency" },
|
||||
{ type: "text", text: "Growth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,18 +78,9 @@ export default function LandingPage() {
|
||||
title="Innovating the Future of Business"
|
||||
description="We bridge the gap between complex business challenges and efficient, scalable digital solutions that drive real results for your company."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Senior strategists supporting your long-term growth objectives.",
|
||||
},
|
||||
{
|
||||
title: "Tech Excellence",
|
||||
description: "Cutting-edge software integrations for seamless productivity.",
|
||||
},
|
||||
{
|
||||
title: "Result Driven",
|
||||
description: "Data-backed decisions that prioritize ROI and efficiency.",
|
||||
},
|
||||
{ title: "Expert Guidance", description: "Senior strategists supporting your long-term growth objectives." },
|
||||
{ title: "Tech Excellence", description: "Cutting-edge software integrations for seamless productivity." },
|
||||
{ title: "Result Driven", description: "Data-backed decisions that prioritize ROI and efficiency." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-ceos-business-meeting-evaluating-monthly-statistics-records-success-story_482257-133295.jpg"
|
||||
imageAlt="team meeting office professional"
|
||||
@@ -157,27 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Insights",
|
||||
description: "Advanced metrics to guide your strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-phone-along-with-graphics_1232-1070.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graphs_1098-486.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Cloud Networking",
|
||||
description: "Secure digital architecture for agility.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Consulting Partnerships",
|
||||
description: "Dedicated advisory for your business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211283.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-glasses-black-shirt-working-table-with-computer-documents-it_197531-4974.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{ title: "Data Insights", description: "Advanced metrics to guide your strategy.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-phone-along-with-graphics_1232-1070.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graphs_1098-486.jpg", buttonText: "Learn More" },
|
||||
{ title: "Cloud Networking", description: "Secure digital architecture for agility.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182559.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg", buttonText: "Learn More" },
|
||||
{ title: "Consulting Partnerships", description: "Dedicated advisory for your business.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211283.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-glasses-black-shirt-working-table-with-computer-documents-it_197531-4974.jpg", buttonText: "Learn More" },
|
||||
]}
|
||||
title="Comprehensive Business Services"
|
||||
description="Our suite of professional services is designed to streamline operations and maximize team performance at every stage of growth."
|
||||
@@ -191,42 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pro Tech Device",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238337.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Software Suite",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Corporate Kit",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-office-supplies_23-2151968879.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Efficiency Tablet",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Studio Headset",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-items-composition-top-view_23-2148975782.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Enterprise Phone",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-secures-high-tech-workplace_482257-95739.jpg",
|
||||
},
|
||||
{ id: "1", name: "Pro Tech Device", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238337.jpg" },
|
||||
{ id: "2", name: "Software Suite", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-notebook-pen_23-2149328239.jpg" },
|
||||
{ id: "3", name: "Corporate Kit", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-office-supplies_23-2151968879.jpg" },
|
||||
{ id: "4", name: "Efficiency Tablet", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg" },
|
||||
{ id: "5", name: "Studio Headset", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/desk-items-composition-top-view_23-2148975782.jpg" },
|
||||
{ id: "6", name: "Enterprise Phone", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/expert-secures-high-tech-workplace_482257-95739.jpg" },
|
||||
]}
|
||||
title="Essential Business Assets"
|
||||
description="Browse our curated selection of high-quality tools and products built for professional excellence and operational scale."
|
||||
@@ -239,39 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Startup",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for new ventures.",
|
||||
features: [
|
||||
"Core features",
|
||||
"Standard support",
|
||||
"Basic analytics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$99/mo",
|
||||
subtitle: "Great for growing teams.",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Advanced analytics",
|
||||
"24/7 priority support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For large organizations.",
|
||||
features: [
|
||||
"Custom deployment",
|
||||
"Dedicated manager",
|
||||
"Unlimited API access",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Startup", price: "$29/mo", subtitle: "Perfect for new ventures.", features: ["Core features", "Standard support", "Basic analytics"] },
|
||||
{ id: "pro", badge: "Professional", price: "$99/mo", subtitle: "Great for growing teams.", features: ["Everything in Basic", "Advanced analytics", "24/7 priority support"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "For large organizations.", features: ["Custom deployment", "Dedicated manager", "Unlimited API access"] },
|
||||
]}
|
||||
title="Flexible Pricing Tiers"
|
||||
description="Choose the perfect plan tailored to your business needs, with options ranging from startups to enterprise-level organizations."
|
||||
@@ -282,34 +142,11 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="depth-3d"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Across 12 countries",
|
||||
"High satisfaction rating",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200%",
|
||||
title: "Client Growth",
|
||||
items: [
|
||||
"Avg annual revenue increase",
|
||||
"Verified ROI metrics",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Long-term partnerships",
|
||||
"Trust-based service model",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "150+", title: "Projects Completed", items: ["Across 12 countries", "High satisfaction rating"] },
|
||||
{ id: "m2", value: "200%", title: "Client Growth", items: ["Avg annual revenue increase", "Verified ROI metrics"] },
|
||||
{ id: "m3", value: "98%", title: "Client Retention", items: ["Long-term partnerships", "Trust-based service model"] },
|
||||
]}
|
||||
title="Proven Performance Milestones"
|
||||
description="We are proud of the tangible results we achieve for our clients across multiple industries and growth stages."
|
||||
@@ -322,60 +159,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CEO",
|
||||
company: "Growth Dynamics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "Innovate Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Founder",
|
||||
company: "Tech Sphere",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Managing Director",
|
||||
company: "Global Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vance",
|
||||
role: "VP Operations",
|
||||
company: "Streamline Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-bank-manager-shaking-hands-with-client-after-successful-agreement-office_637285-1150.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", role: "CEO", company: "Growth Dynamics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "Innovate Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Founder", company: "Tech Sphere", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Managing Director", company: "Global Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg" },
|
||||
{ id: "5", name: "Elena Vance", role: "VP Operations", company: "Streamline Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-bank-manager-shaking-hands-with-client-after-successful-agreement-office_637285-1150.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Hours Consulted",
|
||||
},
|
||||
{
|
||||
value: "25+",
|
||||
label: "Industry Awards",
|
||||
},
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "10k+", label: "Hours Consulted" },
|
||||
{ value: "25+", label: "Industry Awards" },
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Our clients trust us to deliver exceptional results and strategic guidance."
|
||||
@@ -388,25 +181,10 @@ export default function LandingPage() {
|
||||
title="Let's Start Your Business Journey"
|
||||
description="Have questions or ready to launch your next project? Get in touch with our team of business strategy experts."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7368.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -415,45 +193,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="BusinessFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Guides", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user