Merge version_2 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -34,131 +34,73 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TechLaunch"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Build Smarter Software, Faster."
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Deploy Robust Software 3x Faster"
|
||||
description="Unlock the true potential of your team with our enterprise-grade SaaS platform designed for high-performance development teams."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexdev",
|
||||
testimonial: "This platform transformed our entire development workflow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard dark mode",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexdev", testimonial: "This platform transformed our entire development workflow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg?_wi=1", imageAlt: "saas dashboard dark mode"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahmgr",
|
||||
testimonial: "The best tool we have ever used for scaling operations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-workplace-with-building-model-3d-construction-layout-table-nobody-office-with-computer-tools-used-urban-development-architecture-design_482257-27896.jpg",
|
||||
imageAlt: "saas dashboard dark mode",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahmgr", testimonial: "The best tool we have ever used for scaling operations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-architectural-workplace-with-building-model-3d-construction-layout-table-nobody-office-with-computer-tools-used-urban-development-architecture-design_482257-27896.jpg", imageAlt: "saas dashboard dark mode"},
|
||||
{
|
||||
name: "Mike D.",
|
||||
handle: "@miketech",
|
||||
testimonial: "Incredible performance and intuitive UI design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-ball-with-digital-art-effect_23-2151737610.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard dark mode",
|
||||
},
|
||||
name: "Mike D.", handle: "@miketech", testimonial: "Incredible performance and intuitive UI design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-ball-with-digital-art-effect_23-2151737610.jpg?_wi=1", imageAlt: "saas dashboard dark mode"},
|
||||
{
|
||||
name: "Jen L.",
|
||||
handle: "@jendesign",
|
||||
testimonial: "Exactly what we needed to streamline production.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard dark mode",
|
||||
},
|
||||
name: "Jen L.", handle: "@jendesign", testimonial: "Exactly what we needed to streamline production.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=1", imageAlt: "saas dashboard dark mode"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tombuild",
|
||||
testimonial: "Solid foundation for any scaling tech company.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/debugging-software-programming-language-displayed-computer-display_482257-123007.jpg?_wi=1",
|
||||
imageAlt: "saas dashboard dark mode",
|
||||
},
|
||||
name: "Tom B.", handle: "@tombuild", testimonial: "Solid foundation for any scaling tech company.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/debugging-software-programming-language-displayed-computer-display_482257-123007.jpg?_wi=1", imageAlt: "saas dashboard dark mode"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-looking-ui-computer-monitor-executing-programming-code_482257-118910.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/public-speaker-reading-from-clipboard-files-studio-background_482257-82734.jpg",
|
||||
alt: "Professional one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/public-speaker-reading-from-clipboard-files-studio-background_482257-82734.jpg", alt: "Professional one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg",
|
||||
alt: "Student type",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg", alt: "Student type"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-office-worker-with-trendy-hairstyle-wears-spectacles-t-shirt-sits-table-works-with-documents_176532-9381.jpg",
|
||||
alt: "Office worker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-office-worker-with-trendy-hairstyle-wears-spectacles-t-shirt-sits-table-works-with-documents_176532-9381.jpg", alt: "Office worker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
|
||||
alt: "Programmer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg", alt: "Programmer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "Confident professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "Confident professional"},
|
||||
]}
|
||||
avatarText="Join 5,000+ developers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
type: "text", text: "Cloud Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Testing",
|
||||
},
|
||||
type: "text", text: "Automated Testing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Continuous Integration",
|
||||
},
|
||||
type: "text", text: "Continuous Integration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Monitoring",
|
||||
},
|
||||
type: "text", text: "Performance Monitoring"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,9 +110,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Innovating the Future of Tech"
|
||||
description={[
|
||||
"Founded on the principles of speed and scalability, TechLaunch provides developers with the infrastructure needed to deploy robust software solutions in record time.",
|
||||
"Our mission is to bridge the gap between complex code and seamless delivery, allowing your team to focus on innovation rather than maintenance.",
|
||||
]}
|
||||
"Founded on the principles of speed and scalability, TechLaunch provides developers with the infrastructure needed to deploy robust software solutions in record time.", "Our mission is to bridge the gap between complex code and seamless delivery, allowing your team to focus on innovation rather than maintenance."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,32 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Scalable Infrastructure",
|
||||
tags: [
|
||||
"Cloud",
|
||||
"Deployment",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-ball-with-digital-art-effect_23-2151737610.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Scalable Infrastructure", tags: [
|
||||
"Cloud", "Deployment"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tennis-ball-with-digital-art-effect_23-2151737610.jpg?_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Real-time Monitoring",
|
||||
tags: [
|
||||
"Analytics",
|
||||
"Performance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "Real-time Monitoring", tags: [
|
||||
"Analytics", "Performance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motion-lights-background-concept_23-2148241225.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Intelligent Automation",
|
||||
tags: [
|
||||
"DevOps",
|
||||
"AI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/debugging-software-programming-language-displayed-computer-display_482257-123007.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Intelligent Automation", tags: [
|
||||
"DevOps", "AI"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/debugging-software-programming-language-displayed-computer-display_482257-123007.jpg?_wi=2"},
|
||||
]}
|
||||
title="Powering Your Workflow"
|
||||
description="Powerful features that help you build, scale, and maintain your software ecosystem with ease."
|
||||
@@ -218,12 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Apple",
|
||||
"Netflix",
|
||||
]}
|
||||
"Microsoft", "Google", "Amazon", "Apple", "Netflix"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Joining thousands of innovators across the globe."
|
||||
/>
|
||||
@@ -236,54 +156,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49",
|
||||
subtitle: "For individual developers",
|
||||
features: [
|
||||
"Basic Analytics",
|
||||
"Daily Backups",
|
||||
"Community Support",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$49", subtitle: "For individual developers", features: [
|
||||
"Basic Analytics", "Daily Backups", "Community Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$199",
|
||||
subtitle: "For growing teams",
|
||||
features: [
|
||||
"Advanced Analytics",
|
||||
"Unlimited Backups",
|
||||
"Priority 24/7 Support",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$199", subtitle: "For growing teams", features: [
|
||||
"Advanced Analytics", "Unlimited Backups", "Priority 24/7 Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$499",
|
||||
subtitle: "For large organizations",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Dedicated Account Manager",
|
||||
"Custom Infrastructure",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", price: "$499", subtitle: "For large organizations", features: [
|
||||
"Everything in Pro", "Dedicated Account Manager", "Custom Infrastructure"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -300,25 +193,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Guaranteed platform availability.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Guaranteed platform availability.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "400%",
|
||||
title: "Faster Builds",
|
||||
description: "Reduction in deployment time.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "400%", title: "Faster Builds", description: "Reduction in deployment time.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always here to help you.",
|
||||
icon: Shield,
|
||||
id: "m3", value: "24/7", title: "Support", description: "Always here to help you.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -332,45 +213,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Tool",
|
||||
quote: "The most powerful tech suite we have used in years.",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg",
|
||||
},
|
||||
id: "1", title: "Incredible Tool", quote: "The most powerful tech suite we have used in years.", name: "John Doe", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-black-hat-smiling_176420-8505.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Huge Efficiency",
|
||||
quote: "My team is now 3x more efficient than before.",
|
||||
name: "Jane Smith",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
},
|
||||
id: "2", title: "Huge Efficiency", quote: "My team is now 3x more efficient than before.", name: "Jane Smith", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Amazing Results",
|
||||
quote: "Transformed our workflow and deployment process completely.",
|
||||
name: "Alice Wong",
|
||||
role: "Lead Dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
|
||||
},
|
||||
id: "3", title: "Amazing Results", quote: "Transformed our workflow and deployment process completely.", name: "Alice Wong", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Support",
|
||||
quote: "Support is top-notch and always super helpful.",
|
||||
name: "Bob Miller",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2940.jpg",
|
||||
},
|
||||
id: "4", title: "Great Support", quote: "Support is top-notch and always super helpful.", name: "Bob Miller", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2940.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best in Class",
|
||||
quote: "No other platform provides this level of customization.",
|
||||
name: "Charlie Davis",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-blond-handsome-young-man-glasses-wearing-casual-plaid-shirt-with-hands-crossed-chest-grey-wall_176420-606.jpg",
|
||||
},
|
||||
id: "5", title: "Best in Class", quote: "No other platform provides this level of customization.", name: "Charlie Davis", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/confident-blond-handsome-young-man-glasses-wearing-casual-plaid-shirt-with-hands-crossed-chest-grey-wall_176420-606.jpg"},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Real feedback from our amazing users."
|
||||
@@ -383,20 +234,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I upgrade anytime?",
|
||||
content: "Yes, you can upgrade your plan at any time through our dashboard.",
|
||||
},
|
||||
id: "q1", title: "Can I upgrade anytime?", content: "Yes, you can upgrade your plan at any time through our dashboard."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a free trial?",
|
||||
content: "We offer a 14-day free trial on all plans.",
|
||||
},
|
||||
id: "q2", title: "Is there a free trial?", content: "We offer a 14-day free trial on all plans."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer support?",
|
||||
content: "We provide 24/7 dedicated support to all enterprise clients.",
|
||||
},
|
||||
id: "q3", title: "Do you offer support?", content: "We provide 24/7 dedicated support to all enterprise clients."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924169.jpg"
|
||||
title="Questions Answered"
|
||||
@@ -409,14 +251,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to scale your production? Let's talk."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule a Demo", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -427,29 +266,19 @@ export default function LandingPage() {
|
||||
logoText="TechLaunch"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user