Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { CheckCircle, Server, Users } from "lucide-react";
|
||||
import { CheckCircle, Server, Users, Shield, Lock, Zap, Gauge } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Metrics", id: "#metrics" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="NexTech"
|
||||
/>
|
||||
@@ -55,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Engineering Future Innovation"
|
||||
description="We build scalable software solutions that push the boundaries of technology, enabling businesses to scale seamlessly in the digital age."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#features" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg",
|
||||
imageAlt: "holographic coding interface",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-professional-updating-ai-systems_482257-90811.jpg",
|
||||
imageAlt: "cloud computing network nodes",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552614.jpg",
|
||||
imageAlt: "ai neural network digital brain",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-light-lines-dots-from-fiber-optic-wires-dark-background-computer-communications-idea-selective-focus-blur-dark-background_166373-1651.jpg",
|
||||
imageAlt: "digital data flow motion blur",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg",
|
||||
imageAlt: "modern software analytics dashboard",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736744.jpg",
|
||||
imageAlt: "minimalist geometric tech background",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg", imageAlt: "holographic coding interface" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/it-professional-updating-ai-systems_482257-90811.jpg", imageAlt: "cloud computing network nodes" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552614.jpg", imageAlt: "ai neural network digital brain" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/blue-light-lines-dots-from-fiber-optic-wires-dark-background-computer-communications-idea-selective-focus-blur-dark-background_166373-1651.jpg", imageAlt: "digital data flow motion blur" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/male-expert-uses-tablet-with-chroma-key-display-leveraging-dashboards_482257-126212.jpg", imageAlt: "modern software analytics dashboard" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736744.jpg", imageAlt: "minimalist geometric tech background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,7 +62,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Driving Digital Transformation"
|
||||
description="NexTech is a team of visionary engineers dedicated to solving complex problems through elegant code and advanced architecture. We bridge the gap between imagination and reality, delivering products that define industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,30 +70,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Infrastructure",
|
||||
description: "Fortified server environments designed to scale while keeping your data protected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmers-doing-brainstorming-setting-up-machine-learning-systems_482257-126248.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Advanced Cybersecurity",
|
||||
description: "Next-gen threat mitigation protocols for enterprise-level applications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-concept-with-wooden-blocks-paper-lock-icon-blue-table-flat-lay-man-hand-pointing_176474-10447.jpg",
|
||||
buttonIcon: "Lock",
|
||||
},
|
||||
{
|
||||
title: "Seamless Integration",
|
||||
description: "Effortless API connectivity between all your disparate business tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037241.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "High Performance",
|
||||
description: "Low-latency systems optimized for peak efficiency during high demand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg",
|
||||
buttonIcon: "Gauge",
|
||||
},
|
||||
{ title: "Secure Infrastructure", description: "Fortified server environments designed to scale while keeping your data protected.", imageSrc: "http://img.b2bpic.net/free-photo/data-center-programmers-doing-brainstorming-setting-up-machine-learning-systems_482257-126248.jpg", buttonIcon: Shield },
|
||||
{ title: "Advanced Cybersecurity", description: "Next-gen threat mitigation protocols for enterprise-level applications.", imageSrc: "http://img.b2bpic.net/free-photo/security-concept-with-wooden-blocks-paper-lock-icon-blue-table-flat-lay-man-hand-pointing_176474-10447.jpg", buttonIcon: Lock },
|
||||
{ title: "Seamless Integration", description: "Effortless API connectivity between all your disparate business tools.", imageSrc: "http://img.b2bpic.net/free-photo/3d-shape-glowing-with-bright-holographic-colors_23-2151037241.jpg", buttonIcon: Zap },
|
||||
{ title: "High Performance", description: "Low-latency systems optimized for peak efficiency during high demand.", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg", buttonIcon: Gauge },
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Our expertise spans across critical domains, ensuring reliable and performant solutions."
|
||||
@@ -149,13 +85,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Industries",
|
||||
"Quantum Dynamics",
|
||||
"Nebula Systems",
|
||||
"Vertex Solutions",
|
||||
"Zenith Corp",
|
||||
"Alpha Logic",
|
||||
"Horizon Tech",
|
||||
"Apex Industries", "Quantum Dynamics", "Nebula Systems", "Vertex Solutions", "Zenith Corp", "Alpha Logic", "Horizon Tech"
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Leading global brands rely on our engineering prowess."
|
||||
@@ -168,24 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Apps Delivered",
|
||||
value: "150+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "System Uptime",
|
||||
value: "99.99%",
|
||||
icon: Server,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Global Users",
|
||||
value: "2.5M+",
|
||||
icon: Users,
|
||||
},
|
||||
{ id: "1", title: "Apps Delivered", value: "150+", icon: CheckCircle },
|
||||
{ id: "2", title: "System Uptime", value: "99.99%", icon: Server },
|
||||
{ id: "3", title: "Global Users", value: "2.5M+", icon: Users },
|
||||
]}
|
||||
title="Engineered for Results"
|
||||
description="The impact of our work is measured by the growth of our partners."
|
||||
@@ -198,41 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Ross",
|
||||
handle: "@elena_ceo",
|
||||
testimonial: "NexTech transformed our internal systems and increased efficiency by 300%.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Chen",
|
||||
handle: "@mark_tech",
|
||||
testimonial: "Their engineering team is the best I've ever worked with. Truly top tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-father-posing-with-arms-crossed_23-2148414861.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia V",
|
||||
handle: "@sophia_prod",
|
||||
testimonial: "The project delivery was flawless. Highly professional team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W",
|
||||
handle: "@david_data",
|
||||
testimonial: "Exceptional understanding of complex backend architectures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex K",
|
||||
handle: "@alex_arch",
|
||||
testimonial: "Innovative solutions and dedicated support at every phase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena Ross", handle: "@elena_ceo", testimonial: "NexTech transformed our internal systems and increased efficiency by 300%.", imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg" },
|
||||
{ id: "2", name: "Mark Chen", handle: "@mark_tech", testimonial: "Their engineering team is the best I've ever worked with. Truly top tier.", imageSrc: "http://img.b2bpic.net/free-photo/serious-father-posing-with-arms-crossed_23-2148414861.jpg" },
|
||||
{ id: "3", name: "Sophia V", handle: "@sophia_prod", testimonial: "The project delivery was flawless. Highly professional team.", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg" },
|
||||
{ id: "4", name: "David W", handle: "@david_data", testimonial: "Exceptional understanding of complex backend architectures.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
||||
{ id: "5", name: "Alex K", handle: "@alex_arch", testimonial: "Innovative solutions and dedicated support at every phase.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924153.jpg" },
|
||||
]}
|
||||
title="Partner Feedback"
|
||||
description="We are proud to serve some of the most forward-thinking companies in the world."
|
||||
@@ -243,21 +128,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do you handle project timelines?",
|
||||
content: "We follow agile methodologies to ensure clear milestones and rapid delivery.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can you scale existing applications?",
|
||||
content: "Absolutely, optimization and scaling is one of our primary core competencies.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer post-launch support?",
|
||||
content: "Yes, we provide ongoing maintenance packages tailored to your requirements.",
|
||||
},
|
||||
{ id: "1", title: "How do you handle project timelines?", content: "We follow agile methodologies to ensure clear milestones and rapid delivery." },
|
||||
{ id: "2", title: "Can you scale existing applications?", content: "Absolutely, optimization and scaling is one of our primary core competencies." },
|
||||
{ id: "3", title: "Do you offer post-launch support?", content: "Yes, we provide ongoing maintenance packages tailored to your requirements." },
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about our workflow and processes."
|
||||
@@ -268,9 +141,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Engineer Your Vision"
|
||||
description="Send us your project details and our team will get back to you within 24 hours."
|
||||
@@ -284,32 +155,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/technology-logos-pack_23-2147535507.jpg"
|
||||
logoText="NexTech"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Metrics",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Services", href: "#features" }, { label: "Metrics", href: "#metrics" }] },
|
||||
{ title: "Support", items: [{ label: "Documentation", href: "#" }, { label: "Contact Us", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user