Merge version_1 into main #2
334
src/app/page.tsx
334
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, BarChart, CheckCircle, Globe, Shield, Users, Zap } from "lucide-react";
|
||||
import { Award, BarChart, CheckCircle, Cpu, Globe, Shield, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BusinessPro"
|
||||
/>
|
||||
@@ -54,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scale Your Business With Intelligence"
|
||||
description="We build professional software solutions that empower your team and streamline operations. Join the future of business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1",
|
||||
imageAlt: "Dashboard Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-landscape-background-with-connecting-lines-dots_1048-10643.jpg?_wi=1",
|
||||
imageAlt: "Abstract Tech Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16376.jpg?_wi=1",
|
||||
imageAlt: "Dashboard Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dslr-modern-camera-with-camera-accessories-yellow-background_23-2148038952.jpg",
|
||||
imageAlt: "Abstract Tech Background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5464.jpg",
|
||||
imageAlt: "Dashboard Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colour-accent-corporate-presentation-background_1048-10245.jpg",
|
||||
imageAlt: "Abstract Tech Background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Dashboard Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-landscape-background-with-connecting-lines-dots_1048-10643.jpg", imageAlt: "Abstract Tech Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16376.jpg", imageAlt: "Dashboard Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-dslr-modern-camera-with-camera-accessories-yellow-background_23-2148038952.jpg", imageAlt: "Abstract Tech Background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5464.jpg", imageAlt: "Dashboard Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colour-accent-corporate-presentation-background_1048-10245.jpg", imageAlt: "Abstract Tech Background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Proven Success"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Clients Served",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Systems Built",
|
||||
value: "1.2k",
|
||||
},
|
||||
{ icon: CheckCircle, label: "Clients Served", value: "500+" },
|
||||
{ icon: Award, label: "Industry Awards", value: "25" },
|
||||
{ icon: Zap, label: "Systems Built", value: "1.2k" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,67 +77,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Workflows",
|
||||
description: "Streamline your daily tasks with AI-powered automation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399284.jpg?_wi=1",
|
||||
imageAlt: "Workflow Automation",
|
||||
},
|
||||
title: "Automated Workflows", description: "Streamline your daily tasks with AI-powered automation.", media: { imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399284.jpg", imageAlt: "Workflow Automation" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Real-time sync",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure data",
|
||||
},
|
||||
{ icon: Zap, text: "Real-time sync" },
|
||||
{ icon: Shield, text: "Secure data" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
|
||||
imageAlt: "business team collaboration",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Global Scalability",
|
||||
description: "Reach markets across the globe with robust infrastructure.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-download-icon-line-connection-circuit-board_1379-888.jpg",
|
||||
imageAlt: "Scalability",
|
||||
},
|
||||
title: "Global Scalability", description: "Reach markets across the globe with robust infrastructure.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cloud-download-icon-line-connection-circuit-board_1379-888.jpg", imageAlt: "Scalability" },
|
||||
items: [
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Cloud-native",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
text: "Multi-user access",
|
||||
},
|
||||
{ icon: Globe, text: "Cloud-native" },
|
||||
{ icon: Users, text: "Multi-user access" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-landscape-background-with-connecting-lines-dots_1048-10643.jpg?_wi=2",
|
||||
imageAlt: "business team collaboration",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Analytics Engine",
|
||||
description: "Make data-driven decisions with our advanced engine.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153875.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
title: "Analytics Engine", description: "Make data-driven decisions with our advanced engine.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153875.jpg", imageAlt: "Analytics" },
|
||||
items: [
|
||||
{
|
||||
icon: BarChart,
|
||||
text: "Custom reports",
|
||||
},
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Predictive modeling",
|
||||
},
|
||||
{ icon: BarChart, text: "Custom reports" },
|
||||
{ icon: Cpu, text: "Predictive modeling" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-text_23-2148675029.jpg?_wi=1",
|
||||
imageAlt: "business team collaboration",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Smart Features for Growth"
|
||||
@@ -201,42 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Starter Suite",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-text_23-2148675029.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Enterprise Hub",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-director-setting-revenue-targets-typing-notebook-keyboard_482257-112207.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Growth Pro",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/materials-building-creative-design-industry-project-concept_53876-125632.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Basic Cloud",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-packaging-materials-portable-computer-table_259150-60573.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Pro",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-minimalist-stage_23-2148959304.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Solution",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Starter Suite", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-text_23-2148675029.jpg" },
|
||||
{ id: "p2", name: "Enterprise Hub", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/company-director-setting-revenue-targets-typing-notebook-keyboard_482257-112207.jpg" },
|
||||
{ id: "p3", name: "Growth Pro", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/materials-building-creative-design-industry-project-concept_53876-125632.jpg" },
|
||||
{ id: "p4", name: "Basic Cloud", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/set-packaging-materials-portable-computer-table_259150-60573.jpg" },
|
||||
{ id: "p5", name: "Data Pro", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-minimalist-stage_23-2148959304.jpg" },
|
||||
{ id: "p6", name: "Custom Solution", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
|
||||
]}
|
||||
title="Core Offerings"
|
||||
description="Choose the product tier that fits your stage."
|
||||
@@ -250,55 +132,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "Perfect for small teams",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"1 User",
|
||||
"Standard Support",
|
||||
"Basic Analytics",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$49", period: "/mo", description: "Perfect for small teams", button: { text: "Select Plan", href: "#" },
|
||||
featuresTitle: "Includes:", features: ["1 User", "Standard Support", "Basic Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Recommended",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Ideal for scaling",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"5 Users",
|
||||
"Priority Support",
|
||||
"Advanced Analytics",
|
||||
],
|
||||
id: "pro", tag: "Recommended", price: "$99", period: "/mo", description: "Ideal for scaling", button: { text: "Select Plan", href: "#" },
|
||||
featuresTitle: "Everything in Basic, plus:", features: ["5 Users", "Priority Support", "Advanced Analytics"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Ultimate",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "For large organizations",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Unlimited Users",
|
||||
"24/7 Dedicated Support",
|
||||
"Custom API Access",
|
||||
],
|
||||
id: "enterprise", tag: "Ultimate", price: "$299", period: "/mo", description: "For large organizations", button: { text: "Select Plan", href: "#" },
|
||||
featuresTitle: "Everything in Pro, plus:", features: ["Unlimited Users", "24/7 Dedicated Support", "Custom API Access"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your Plan"
|
||||
@@ -311,61 +154,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2025",
|
||||
title: "CEO",
|
||||
quote: "Incredible service!",
|
||||
tag: "Trusted",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
date: "Feb 2025",
|
||||
title: "CTO",
|
||||
quote: "Top notch quality.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-landscape-background-with-connecting-lines-dots_1048-10643.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna K.",
|
||||
date: "Mar 2025",
|
||||
title: "Founder",
|
||||
quote: "Changed our workflow.",
|
||||
tag: "Innovative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399284.jpg?_wi=2",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Apr 2025",
|
||||
title: "Manager",
|
||||
quote: "Highly efficient.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-text_23-2148675029.jpg?_wi=3",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa R.",
|
||||
date: "May 2025",
|
||||
title: "Lead",
|
||||
quote: "Best software ever.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16376.jpg?_wi=2",
|
||||
imageAlt: "professional business portrait",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", date: "Jan 2025", title: "CEO", quote: "Incredible service!", tag: "Trusted", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-black-blazer-portrait_23-2152009548.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "professional business portrait" },
|
||||
{ id: "t2", name: "Mike D.", date: "Feb 2025", title: "CTO", quote: "Top notch quality.", tag: "Quality", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-landscape-background-with-connecting-lines-dots_1048-10643.jpg", imageAlt: "professional business portrait" },
|
||||
{ id: "t3", name: "Anna K.", date: "Mar 2025", title: "Founder", quote: "Changed our workflow.", tag: "Innovative", avatarSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399284.jpg", imageAlt: "professional business portrait" },
|
||||
{ id: "t4", name: "David W.", date: "Apr 2025", title: "Manager", quote: "Highly efficient.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-text_23-2148675029.jpg", imageAlt: "professional business portrait" },
|
||||
{ id: "t5", name: "Lisa R.", date: "May 2025", title: "Lead", quote: "Best software ever.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageSrc: "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-design_52683-16376.jpg", imageAlt: "professional business portrait" },
|
||||
]}
|
||||
title="Loved by Business Leaders"
|
||||
description="See why top companies choose BusinessPro."
|
||||
@@ -375,18 +168,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Contact our team today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@businesspro.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@businesspro.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -396,29 +182,15 @@ export default function LandingPage() {
|
||||
logoText="BusinessPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user