Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Titan"
|
||||
/>
|
||||
@@ -50,66 +44,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Scaling Infrastructure for Modern Enterprise"
|
||||
description="Titan provides the robust foundation, security, and performance required to build and scale your next big software breakthrough seamlessly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-data-techncology-network-communications-design_1048-16342.jpg"
|
||||
imageAlt="Titan platform interface"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "Executive consultant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "Executive consultant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
alt: "Corporate worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "Corporate worker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
alt: "Young professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Young professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
|
||||
alt: "Businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg", alt: "Businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
|
||||
alt: "Tech leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg", alt: "Tech leader"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Infrastructure",
|
||||
},
|
||||
type: "text", text: "Automated Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Security",
|
||||
},
|
||||
type: "text", text: "Enterprise Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Cloud Scaling",
|
||||
},
|
||||
type: "text", text: "Global Cloud Scaling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "DevOps Optimization",
|
||||
},
|
||||
type: "text", text: "DevOps Optimization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,9 +89,7 @@ export default function LandingPage() {
|
||||
title="Built for High-Growth Engineering Teams"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Vision",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore Our Vision", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,35 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Automated Orchestration",
|
||||
descriptions: [
|
||||
"Reduce deployment errors",
|
||||
"Scale compute resources automatically",
|
||||
"Optimize cost allocation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
|
||||
},
|
||||
id: "f1", title: "Automated Orchestration", descriptions: [
|
||||
"Reduce deployment errors", "Scale compute resources automatically", "Optimize cost allocation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Robust Connectivity",
|
||||
descriptions: [
|
||||
"Secure microservices mesh",
|
||||
"Multi-region failover",
|
||||
"Low latency global edge",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg",
|
||||
},
|
||||
id: "f2", title: "Robust Connectivity", descriptions: [
|
||||
"Secure microservices mesh", "Multi-region failover", "Low latency global edge"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24189.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instant Scalability",
|
||||
descriptions: [
|
||||
"On-demand infrastructure",
|
||||
"Real-time resource scaling",
|
||||
"Intelligent load balancing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-monitoring-system-diagnostics-isolated-screen-tablet-chatting-with-colleague_482257-136495.jpg",
|
||||
},
|
||||
id: "f3", title: "Instant Scalability", descriptions: [
|
||||
"On-demand infrastructure", "Real-time resource scaling", "Intelligent load balancing"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-monitoring-system-diagnostics-isolated-screen-tablet-chatting-with-colleague_482257-136495.jpg"},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Powerful tools designed to accelerate development cycles and simplify complex deployments."
|
||||
@@ -176,26 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime Guarantee",
|
||||
description: "Continuous service availability",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-plexus-technology-design-network-communications_1048-15871.jpg",
|
||||
},
|
||||
id: "m1", value: "99.99%", title: "Uptime Guarantee", description: "Continuous service availability", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-plexus-technology-design-network-communications_1048-15871.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20ms",
|
||||
title: "Latency",
|
||||
description: "Average response time",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17019.jpg",
|
||||
},
|
||||
id: "m2", value: "20ms", title: "Latency", description: "Average response time", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-17019.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5x",
|
||||
title: "Faster Deployments",
|
||||
description: "Streamlined CI/CD pipelines",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124249.jpg",
|
||||
},
|
||||
id: "m3", value: "5x", title: "Faster Deployments", description: "Streamlined CI/CD pipelines", imageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124249.jpg"},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Titan drives operational excellence through measurable reliability and speed."
|
||||
@@ -209,40 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "VP Engineering",
|
||||
testimonial: "Titan completely transformed how we handle deployments. Exceptional performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", role: "VP Engineering", testimonial: "Titan completely transformed how we handle deployments. Exceptional performance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Ross",
|
||||
role: "CTO",
|
||||
testimonial: "The scalability we achieved is unmatched. It's a game-changer for our architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Ross", role: "CTO", testimonial: "The scalability we achieved is unmatched. It's a game-changer for our architecture.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Zhao",
|
||||
role: "Staff Engineer",
|
||||
testimonial: "Intuitive, reliable, and incredibly fast.Titan is the gold standard for infra.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601534.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Zhao", role: "Staff Engineer", testimonial: "Intuitive, reliable, and incredibly fast.Titan is the gold standard for infra.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601534.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "DevOps Manager",
|
||||
testimonial: "Reliable uptime and fantastic support. Our velocity increased dramatically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-female-engineer-specialist-with-measuring-machine-with-manipulator-armthreedimensional-coordinate-measurement-check-sizes-3d-check-sizes-parts-cmm-after-machining-process_609648-118.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", role: "DevOps Manager", testimonial: "Reliable uptime and fantastic support. Our velocity increased dramatically.", imageSrc: "http://img.b2bpic.net/free-photo/asian-female-engineer-specialist-with-measuring-machine-with-manipulator-armthreedimensional-coordinate-measurement-check-sizes-3d-check-sizes-parts-cmm-after-machining-process_609648-118.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Maria Garcia",
|
||||
role: "Product Lead",
|
||||
testimonial: "Titan gives us the confidence to scale quickly without sacrificing quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg",
|
||||
},
|
||||
id: "t5", name: "Maria Garcia", role: "Product Lead", testimonial: "Titan gives us the confidence to scale quickly without sacrificing quality.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-using-digital-tablet_1262-2435.jpg"},
|
||||
]}
|
||||
title="Trusted by Engineering Leaders"
|
||||
description="Our platform empowers teams to ship faster and sleep better at night."
|
||||
@@ -255,20 +164,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does Titan handle migration?",
|
||||
content: "Our migration tools provide step-by-step guidance, data synchronization, and validation to ensure a seamless transition.",
|
||||
},
|
||||
id: "q1", title: "How does Titan handle migration?", content: "Our migration tools provide step-by-step guidance, data synchronization, and validation to ensure a seamless transition."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What support is included?",
|
||||
content: "All enterprise plans include 24/7 dedicated support and prioritized engineering guidance.",
|
||||
},
|
||||
id: "q2", title: "What support is included?", content: "All enterprise plans include 24/7 dedicated support and prioritized engineering guidance."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can Titan scale automatically?",
|
||||
content: "Yes, our automated orchestration scales your compute resources based on real-time traffic and demand.",
|
||||
},
|
||||
id: "q3", title: "Can Titan scale automatically?", content: "Yes, our automated orchestration scales your compute resources based on real-time traffic and demand."},
|
||||
]}
|
||||
title="Commonly Asked Questions"
|
||||
description="Everything you need to know about getting started with Titan."
|
||||
@@ -283,22 +183,14 @@ export default function LandingPage() {
|
||||
description="Let's discuss how Titan can empower your specific infrastructure goals."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-with-leadership-skills-creates-financial-report_482257-122700.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -309,33 +201,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -345,4 +225,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user