Merge version_2 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="Netofy"
|
||||
/>
|
||||
@@ -55,38 +47,25 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Empowering Digital Future with Netofy"
|
||||
description="Enterprise-grade IT solutions and software development engineered for innovation, speed, and reliability."
|
||||
tag="Next Generation Tech"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-network-hand-using-phone-technology-remix-galaxy_53876-104224.jpg",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-network-hand-using-phone-technology-remix-galaxy_53876-104224.jpg", imageAlt: "Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-abstract-sphere-illuminates-dark-backdrop-generated-by-ai_188544-11877.jpg",
|
||||
imageAlt: "Abstract Tech",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-abstract-sphere-illuminates-dark-backdrop-generated-by-ai_188544-11877.jpg", imageAlt: "Abstract Tech"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-concept-online-storage-clouds_1048-4189.jpg",
|
||||
imageAlt: "Infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-concept-online-storage-clouds_1048-4189.jpg", imageAlt: "Infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-screen-monitor-displays-analytics-dashboard-industry-40-smart-factory_482257-120493.jpg",
|
||||
imageAlt: "Dashboard 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-screen-monitor-displays-analytics-dashboard-industry-40-smart-factory_482257-120493.jpg", imageAlt: "Dashboard 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg",
|
||||
imageAlt: "Abstract Tech 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "Abstract Tech 2"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -99,17 +78,11 @@ export default function LandingPage() {
|
||||
description="At Netofy, we bridge the gap between complex technical challenges and scalable business solutions. Our team of experts works tirelessly to deliver custom software that drives real growth."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
title: "Projects Delivered",
|
||||
},
|
||||
value: "150+", title: "Projects Delivered"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
},
|
||||
value: "98%", title: "Client Retention"},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "12+", title: "Years Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg"
|
||||
imageAlt="Team collaboration"
|
||||
@@ -125,26 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Cyber Security",
|
||||
description: "Fortify your data with enterprise-grade protection measures.",
|
||||
tag: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg",
|
||||
},
|
||||
id: "f1", title: "Cyber Security", description: "Fortify your data with enterprise-grade protection measures.", tag: "Security", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637781.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "API Integration",
|
||||
description: "Seamlessly connect your platforms to boost ecosystem productivity.",
|
||||
tag: "Integration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg",
|
||||
},
|
||||
id: "f2", title: "API Integration", description: "Seamlessly connect your platforms to boost ecosystem productivity.", tag: "Integration", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cloud Infrastructure",
|
||||
description: "Scalable, secure, and modern cloud solutions tailored for your business.",
|
||||
tag: "Cloud",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-blue-background-circuit_1017-3795.jpg",
|
||||
},
|
||||
id: "f3", title: "Cloud Infrastructure", description: "Scalable, secure, and modern cloud solutions tailored for your business.", tag: "Cloud", imageSrc: "http://img.b2bpic.net/free-photo/technological-blue-background-circuit_1017-3795.jpg"},
|
||||
]}
|
||||
title="Core IT Competencies"
|
||||
description="Our robust suite of services ensures that your digital infrastructure is not only functional but competitive."
|
||||
@@ -159,41 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Netofy OS",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg",
|
||||
},
|
||||
id: "p1", name: "Netofy OS", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729044.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cloud Sync",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg",
|
||||
},
|
||||
id: "p2", name: "Cloud Sync", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dev Flow",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg",
|
||||
},
|
||||
id: "p3", name: "Dev Flow", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mobile Manager",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149429323.jpg",
|
||||
},
|
||||
id: "p4", name: "Mobile Manager", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2149429323.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Task Master",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg",
|
||||
},
|
||||
id: "p5", name: "Task Master", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-with-financial-review_1232-184.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Analytics Suite",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
},
|
||||
id: "p6", name: "Analytics Suite", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"},
|
||||
]}
|
||||
title="Innovative Solutions"
|
||||
description="Software products built for the modern enterprise."
|
||||
@@ -207,54 +141,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Core",
|
||||
price: "$499/mo",
|
||||
subtitle: "For small growing teams",
|
||||
features: [
|
||||
"Security audit",
|
||||
"Cloud storage",
|
||||
"Basic support",
|
||||
],
|
||||
id: "basic", badge: "Core", price: "$499/mo", subtitle: "For small growing teams", features: [
|
||||
"Security audit", "Cloud storage", "Basic support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$1,499/mo",
|
||||
subtitle: "For established businesses",
|
||||
features: [
|
||||
"API integrations",
|
||||
"Full cloud management",
|
||||
"24/7 Priority support",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$1,499/mo", subtitle: "For established businesses", features: [
|
||||
"API integrations", "Full cloud management", "24/7 Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Elite",
|
||||
price: "Custom",
|
||||
subtitle: "For enterprise scaling",
|
||||
features: [
|
||||
"Custom architecture",
|
||||
"Dedicated account manager",
|
||||
"Advanced analytics",
|
||||
],
|
||||
id: "enterprise", badge: "Elite", price: "Custom", subtitle: "For enterprise scaling", features: [
|
||||
"Custom architecture", "Dedicated account manager", "Advanced analytics"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -270,29 +177,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200%",
|
||||
title: "Performance Gain",
|
||||
description: "Avg speed improvement across platforms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160928.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Global Deployments", description: "Enterprise systems successfully deployed worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160928.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15M+",
|
||||
title: "Data Processed",
|
||||
description: "Daily volume in high-load environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
|
||||
},
|
||||
id: "m2", value: "99.99%", title: "System Uptime", description: "Maintaining peak reliability for mission-critical apps.", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "300+",
|
||||
title: "System Deployments",
|
||||
description: "Successful production deployments completed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pointing-smartwatch_1134-113.jpg",
|
||||
},
|
||||
id: "m3", value: "40%", title: "Cost Reduction", description: "Average efficiency savings for our enterprise partners.", imageSrc: "http://img.b2bpic.net/free-photo/finger-pointing-smartwatch_1134-113.jpg"},
|
||||
]}
|
||||
title="Measurable Impact"
|
||||
description="Performance metrics that define our commitment to your success."
|
||||
title="Netofy by the Numbers"
|
||||
description="Proven results that define our commitment to your enterprise success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -303,69 +195,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "CEO",
|
||||
testimonial: "Netofy's custom software revolutionized our internal workflows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Vance", handle: "Operations Director, TechFlow", testimonial: "Netofy completely modernized our infrastructure. Their team is simply the best in the business.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "CTO",
|
||||
testimonial: "The transition was seamless and the architecture is bulletproof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", handle: "Head of Engineering, InnovateX", testimonial: "A truly transformative partnership. The level of domain expertise is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Marketing Director",
|
||||
testimonial: "A reliable partner for all our technical needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "Product Manager",
|
||||
testimonial: "Exceptional service and deep domain expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-businessman-with-crossed-arms_23-2148242733.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
handle: "Startup Founder",
|
||||
testimonial: "They built our platform from the ground up in record time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-glasses-arms-folded_1098-44.jpg",
|
||||
},
|
||||
id: "t3", name: "Jasmine Lee", handle: "Founder, CloudScale", testimonial: "Netofy helped us scale our platform during a period of massive growth.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our partners say about the Netofy transformation journey."
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Hear from our partners about the impact of Netofy's solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Transformation"
|
||||
description="Ready to build something extraordinary? Reach out to our team to discuss your next big project."
|
||||
title="Let's Connect"
|
||||
description="Need a solution for your enterprise? Our experts are ready to assist you."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
placeholder: "Full Name",
|
||||
type: "text",
|
||||
required: true,
|
||||
name: "fullName", placeholder: "Full Name", type: "text", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
placeholder: "Email Address",
|
||||
type: "email",
|
||||
required: true,
|
||||
name: "email", placeholder: "Business Email", type: "email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
required: true,
|
||||
name: "message", placeholder: "Describe your project or requirement", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/globe-digital-grid-gradient-wallpaper_53876-104056.jpg"
|
||||
/>
|
||||
@@ -377,45 +232,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Mission", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Newsroom", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "IT Solutions", href: "#features"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Products", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Plans", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Compliance", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -425,4 +266,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user