Merge version_1 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BusinessPro"
|
||||
/>
|
||||
@@ -55,45 +43,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Empowering Your Future"
|
||||
description="We deliver professional solutions designed to elevate your business in an ever-changing digital landscape. Join us on the journey to excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-simplistic-modern-office_23-2148223261.jpg",
|
||||
imageAlt: "Futuristic Workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-simplistic-modern-office_23-2148223261.jpg", imageAlt: "Futuristic Workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg",
|
||||
imageAlt: "Digital Connectivity",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg", imageAlt: "Digital Connectivity"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overworked-businesswoman-with-dark-skin-brainstorming-financial-strategy_482257-10540.jpg",
|
||||
imageAlt: "Team Collaboration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overworked-businesswoman-with-dark-skin-brainstorming-financial-strategy_482257-10540.jpg", imageAlt: "Team Collaboration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-circular-room-with-pillar-center_250224-126.jpg",
|
||||
imageAlt: "Minimalist Structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-photo-circular-room-with-pillar-center_250224-126.jpg", imageAlt: "Minimalist Structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-shining-screen-exhibition_53876-105386.jpg",
|
||||
imageAlt: "UI Interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-shining-screen-exhibition_53876-105386.jpg", imageAlt: "UI Interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg",
|
||||
imageAlt: "Architecture Exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg", imageAlt: "Architecture Exterior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,19 +76,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Growth Rate",
|
||||
value: "150%",
|
||||
},
|
||||
label: "Growth Rate", value: "150%"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Global Reach", value: "25+"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Happy Clients", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,41 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Digital Strategy",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-cloud-storage-sync-secure_53876-120425.jpg",
|
||||
},
|
||||
id: "p1", name: "Digital Strategy", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/community-cloud-storage-sync-secure_53876-120425.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cloud Solutions",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enterprise-server-environment-facilitating-ai-driven-automation_482257-124188.jpg",
|
||||
},
|
||||
id: "p2", name: "Cloud Solutions", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/enterprise-server-environment-facilitating-ai-driven-automation_482257-124188.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cyber Defense",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iris-recognition-system-3d-render-set_107791-17577.jpg",
|
||||
},
|
||||
id: "p3", name: "Cyber Defense", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/iris-recognition-system-3d-render-set_107791-17577.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Analytics Pro",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-green-lines-generative-ai_169016-30610.jpg",
|
||||
},
|
||||
id: "p4", name: "Analytics Pro", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-green-lines-generative-ai_169016-30610.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mobile Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg",
|
||||
},
|
||||
id: "p5", name: "Mobile Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Managed IT",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/encrypt-mode-toggle-switch_23-2152001143.jpg",
|
||||
},
|
||||
id: "p6", name: "Managed IT", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/encrypt-mode-toggle-switch_23-2152001143.jpg"},
|
||||
]}
|
||||
title="Core Offerings"
|
||||
description="We specialize in tailored solutions that solve real-world problems for modern businesses."
|
||||
@@ -174,31 +115,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Industry veterans leading your projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-workaholic-african-american-businesswoman-showing-financial-graphs-tablet_482257-13953.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg",
|
||||
buttonText: "Meet Us",
|
||||
},
|
||||
title: "Expert Team", description: "Industry veterans leading your projects.", imageSrc: "http://img.b2bpic.net/free-photo/focused-workaholic-african-american-businesswoman-showing-financial-graphs-tablet_482257-13953.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908079.jpg", buttonText: "Meet Us"},
|
||||
{
|
||||
title: "Reliable Support",
|
||||
description: "We are available 24/7 to assist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895860.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-tunnel_23-2152020936.jpg",
|
||||
buttonText: "Get Support",
|
||||
},
|
||||
title: "Reliable Support", description: "We are available 24/7 to assist.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895860.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-tunnel_23-2152020936.jpg", buttonText: "Get Support"},
|
||||
{
|
||||
title: "Innovation Driven",
|
||||
description: "Always exploring new technologies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/conceptual-data-privacy-man-hand-pointing-with-wooden-blocks-paper-settings-icon_176474-10519.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Innovation Driven", description: "Always exploring new technologies.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-with-digital-lock_23-2152004061.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/conceptual-data-privacy-man-hand-pointing-with-wooden-blocks-paper-settings-icon_176474-10519.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Excellence in every detail, commitment to your vision, and cutting-edge technology."
|
||||
@@ -212,34 +139,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Retention",
|
||||
items: [
|
||||
"Client trust",
|
||||
"High success",
|
||||
"Repeat business",
|
||||
],
|
||||
id: "m1", value: "98%", title: "Retention", items: [
|
||||
"Client trust", "High success", "Repeat business"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12ms",
|
||||
title: "Latency",
|
||||
items: [
|
||||
"Fast performance",
|
||||
"Efficient code",
|
||||
"Optimal speed",
|
||||
],
|
||||
id: "m2", value: "12ms", title: "Latency", items: [
|
||||
"Fast performance", "Efficient code", "Optimal speed"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Projects",
|
||||
items: [
|
||||
"Diverse industries",
|
||||
"Global clients",
|
||||
"Proven success",
|
||||
],
|
||||
id: "m3", value: "5k+", title: "Projects", items: [
|
||||
"Diverse industries", "Global clients", "Proven success"],
|
||||
},
|
||||
]}
|
||||
title="Impact Data"
|
||||
@@ -253,45 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Results",
|
||||
quote: "The team transformed our business operations entirely.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1671.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing Results", quote: "The team transformed our business operations entirely.", name: "Sarah Jenkins", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1671.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Exceptional Support",
|
||||
quote: "Quick to respond and highly knowledgeable.",
|
||||
name: "Mark Rivers",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
|
||||
},
|
||||
id: "2", title: "Exceptional Support", quote: "Quick to respond and highly knowledgeable.", name: "Mark Rivers", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Strategic Insights",
|
||||
quote: "They understood our needs from day one.",
|
||||
name: "Elena Rossi",
|
||||
role: "VP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-flower_23-2152023596.jpg",
|
||||
},
|
||||
id: "3", title: "Strategic Insights", quote: "They understood our needs from day one.", name: "Elena Rossi", role: "VP", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-flower_23-2152023596.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Innovative",
|
||||
quote: "They brought fresh ideas to our tech stack.",
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "4", title: "Innovative", quote: "They brought fresh ideas to our tech stack.", name: "David Kim", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommended",
|
||||
quote: "The best partner for our digital transformation.",
|
||||
name: "Tina Lee",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-red-hat-posing-outside_8353-1161.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Recommended", quote: "The best partner for our digital transformation.", name: "Tina Lee", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-red-hat-posing-outside_8353-1161.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Don't just take our word for it—listen to the businesses we help grow."
|
||||
@@ -302,14 +181,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to scale your business? Let's discuss your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,46 +195,29 @@ export default function LandingPage() {
|
||||
logoText="BusinessPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user