Merge version_1 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TechNova"
|
||||
/>
|
||||
@@ -56,77 +48,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Innovation Through Intelligent Solutions"
|
||||
description="TechNova delivers industry-leading software designed to optimize your workflow and drive scalable growth in the digital age."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime Guaranteed",
|
||||
},
|
||||
value: "99.9%", label: "Uptime Guaranteed"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Delivered",
|
||||
},
|
||||
value: "500+", label: "Projects Delivered"},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Global Partners",
|
||||
},
|
||||
value: "150+", label: "Global Partners"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-abstract-background-with-particle-lines_53876-104054.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-121743.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-121743.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AWS Partner",
|
||||
},
|
||||
type: "text", text: "AWS Partner"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 27001 Certified",
|
||||
},
|
||||
type: "text", text: "ISO 27001 Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Forbes Tech Award",
|
||||
},
|
||||
type: "text", text: "Forbes Tech Award"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Top 100 SaaS",
|
||||
},
|
||||
type: "text", text: "Top 100 SaaS"},
|
||||
{
|
||||
type: "text",
|
||||
text: "GDPR Compliant",
|
||||
},
|
||||
type: "text", text: "GDPR Compliant"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,14 +99,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining the standard for enterprise technology.",
|
||||
},
|
||||
type: "text", content: "Redefining the standard for enterprise technology."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg",
|
||||
alt: "About TechNova",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/closeup-computer-screen-software-developer-typing-programming-language-it-startup-agency-display-concept-system-engineer-writing-source-code-scrolling-text-database-functions-script_482257-33355.jpg", alt: "About TechNova"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,20 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Harness real-time data to make informed business decisions instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Harness real-time data to make informed business decisions instantly.", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg"},
|
||||
{
|
||||
title: "End-to-End Security",
|
||||
description: "Your data is protected by enterprise-grade encryption and monitoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-map-colorful-icons_1134-406.jpg",
|
||||
},
|
||||
title: "End-to-End Security", description: "Your data is protected by enterprise-grade encryption and monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-map-colorful-icons_1134-406.jpg"},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Deploy infrastructure that grows alongside your organization effortlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761030.jpg",
|
||||
},
|
||||
title: "Scalable Infrastructure", description: "Deploy infrastructure that grows alongside your organization effortlessly.", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761030.jpg"},
|
||||
]}
|
||||
title="Comprehensive Feature Set"
|
||||
description="Designed for maximum efficiency and security, our platform empowers your team to deliver excellence."
|
||||
@@ -177,25 +126,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "3x",
|
||||
description: "Faster Deployment",
|
||||
},
|
||||
id: "m1", value: "3x", description: "Faster Deployment"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
description: "Cost Efficiency",
|
||||
},
|
||||
id: "m2", value: "85%", description: "Cost Efficiency"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Reliable Support",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Reliable Support"},
|
||||
]}
|
||||
title="Measurable Performance"
|
||||
description="Our impact is verified by the successes we facilitate."
|
||||
@@ -210,59 +151,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "TechNova",
|
||||
name: "Enterprise Core",
|
||||
price: "$199/mo",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg",
|
||||
},
|
||||
id: "p1", brand: "TechNova", name: "Enterprise Core", price: "$199/mo", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17216.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "TechNova",
|
||||
name: "Analytics Pro",
|
||||
price: "$299/mo",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
|
||||
},
|
||||
id: "p2", brand: "TechNova", name: "Analytics Pro", price: "$299/mo", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "TechNova",
|
||||
name: "Security Gate",
|
||||
price: "$399/mo",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
|
||||
},
|
||||
id: "p3", brand: "TechNova", name: "Security Gate", price: "$399/mo", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "TechNova",
|
||||
name: "Cloud Hub",
|
||||
price: "$499/mo",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349247.jpg",
|
||||
},
|
||||
id: "p4", brand: "TechNova", name: "Cloud Hub", price: "$499/mo", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349247.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "TechNova",
|
||||
name: "Team Flow",
|
||||
price: "$249/mo",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",
|
||||
},
|
||||
id: "p5", brand: "TechNova", name: "Team Flow", price: "$249/mo", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "TechNova",
|
||||
name: "Dev Ops Suite",
|
||||
price: "$599/mo",
|
||||
rating: 5,
|
||||
reviewCount: "190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-corporate-analyst-handling-financial-tasks-chroma-key-display_482257-123549.jpg",
|
||||
},
|
||||
id: "p6", brand: "TechNova", name: "Dev Ops Suite", price: "$599/mo", rating: 5,
|
||||
reviewCount: "190", imageSrc: "http://img.b2bpic.net/free-photo/young-corporate-analyst-handling-financial-tasks-chroma-key-display_482257-123549.jpg"},
|
||||
]}
|
||||
title="Our Enterprise Suite"
|
||||
description="Modular software components built to integrate seamlessly into your existing operations."
|
||||
@@ -275,55 +180,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
date: "Jan 2025",
|
||||
title: "CTO, TechPulse",
|
||||
quote: "TechNova transformed our infrastructure within weeks.",
|
||||
tag: "Transformation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-tilting-head-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83254.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", date: "Jan 2025", title: "CTO, TechPulse", quote: "TechNova transformed our infrastructure within weeks.", tag: "Transformation", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-tilting-head-middle-aged-man-wearing-white-t-shirt-with-tie-crossing-hands-isolated-orange-wall_141793-83254.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Rivers",
|
||||
date: "Dec 2024",
|
||||
title: "Founder, DataFlow",
|
||||
quote: "Seamless integration and world-class support team.",
|
||||
tag: "Partnership",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-black-strict-jacket-posing-with-displeased-expression-light-pink-wall_140725-58762.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Rivers", date: "Dec 2024", title: "Founder, DataFlow", quote: "Seamless integration and world-class support team.", tag: "Partnership", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-office-worker-black-strict-jacket-posing-with-displeased-expression-light-pink-wall_140725-58762.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
date: "Nov 2024",
|
||||
title: "VP Engineering, CloudCorp",
|
||||
quote: "The most scalable solution we have ever implemented.",
|
||||
tag: "Scalability",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", date: "Nov 2024", title: "VP Engineering, CloudCorp", quote: "The most scalable solution we have ever implemented.", tag: "Scalability", avatarSrc: "http://img.b2bpic.net/free-photo/professional-woman-smiling_23-2152009549.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
date: "Oct 2024",
|
||||
title: "CEO, SecureNet",
|
||||
quote: "Unparalleled security standards in every module.",
|
||||
tag: "Security",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wu", date: "Oct 2024", title: "CEO, SecureNet", quote: "Unparalleled security standards in every module.", tag: "Security", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
date: "Sep 2024",
|
||||
title: "Director of Operations",
|
||||
quote: "Their analytics dashboard is a game changer.",
|
||||
tag: "Innovation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", date: "Sep 2024", title: "Director of Operations", quote: "Their analytics dashboard is a game changer.", tag: "Innovation", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg", imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg"},
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear how our partners are transforming their business."
|
||||
@@ -336,20 +201,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is TechNova compatible with legacy systems?",
|
||||
content: "Yes, our modular design ensures seamless compatibility with almost all legacy setups.",
|
||||
},
|
||||
id: "f1", title: "Is TechNova compatible with legacy systems?", content: "Yes, our modular design ensures seamless compatibility with almost all legacy setups."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does implementation take?",
|
||||
content: "Implementation typically ranges from 2 to 6 weeks depending on custom configurations.",
|
||||
},
|
||||
id: "f2", title: "How long does implementation take?", content: "Implementation typically ranges from 2 to 6 weeks depending on custom configurations."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer post-launch support?",
|
||||
content: "Absolutely, we provide 24/7 dedicated support for all enterprise-tier clients.",
|
||||
},
|
||||
id: "f3", title: "Do you offer post-launch support?", content: "Absolutely, we provide 24/7 dedicated support for all enterprise-tier clients."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283260.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -362,8 +218,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Get Started"
|
||||
title="Ready to scale?"
|
||||
description="Connect with our team to discuss your infrastructure needs today."
|
||||
@@ -377,19 +232,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user