Merge version_2 into main #1
228
src/app/page.tsx
228
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
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="TechFlow"
|
||||
/>
|
||||
@@ -52,32 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Scale Your Tech Infrastructure Instantly"
|
||||
description="Unlock seamless deployment and robust scalability with our enterprise-ready platform designed for modern tech innovators."
|
||||
tag="Next Generation SaaS Platform"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",
|
||||
imageAlt: "Dashboard Preview",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", imageAlt: "Dashboard Preview"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg",
|
||||
imageAlt: "Network Visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-57575.jpg",
|
||||
imageAlt: "Black laptop screen in a dark room at night",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
imageAlt: "Financial software UI on PC screen on apartment office desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
imageAlt: "Financial program user interface on PC screen on home office desk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg", imageAlt: "Network Visualization"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,38 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Advanced Security",
|
||||
author: "TechFlow Security Team",
|
||||
description: "End-to-end encryption with real-time threat detection and remediation.",
|
||||
tags: [
|
||||
"Security",
|
||||
"SaaS",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-network-connection-perforated-paper_53876-14267.jpg",
|
||||
},
|
||||
id: "1", title: "Advanced Security", author: "TechFlow Security Team", description: "End-to-end encryption with real-time threat detection and remediation.", tags: [
|
||||
"Security", "SaaS"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-network-connection-perforated-paper_53876-14267.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless Integration",
|
||||
author: "Platform Dev Team",
|
||||
description: "Connect with all your favorite tools effortlessly using our robust API stack.",
|
||||
tags: [
|
||||
"API",
|
||||
"Integration",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-puzzle-icon-symbol-sign_53876-133610.jpg",
|
||||
},
|
||||
id: "2", title: "Seamless Integration", author: "Platform Dev Team", description: "Connect with all your favorite tools effortlessly using our robust API stack.", tags: [
|
||||
"API", "Integration"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-puzzle-icon-symbol-sign_53876-133610.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Automated Workflows",
|
||||
author: "Automation Hub",
|
||||
description: "Streamline repetitive tasks with intelligent automation and trigger-based workflows.",
|
||||
tags: [
|
||||
"Automation",
|
||||
"Workflow",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg",
|
||||
},
|
||||
id: "3", title: "Automated Workflows", author: "Automation Hub", description: "Streamline repetitive tasks with intelligent automation and trigger-based workflows.", tags: [
|
||||
"Automation", "Workflow"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139314.jpg"},
|
||||
]}
|
||||
title="Powerful Features at Your Fingertips"
|
||||
description="Comprehensive tools designed to optimize your workflow, security, and productivity."
|
||||
@@ -151,25 +107,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
title: "Uptime Guarantee",
|
||||
description: "Reliable services that you can count on.",
|
||||
icon: Shield,
|
||||
id: "m1", value: "99.99%", title: "Uptime Guarantee", description: "Reliable services that you can count on.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Happy Teams",
|
||||
description: "Building successful projects together.",
|
||||
icon: Users,
|
||||
id: "m2", value: "500+", title: "Happy Teams", description: "Building successful projects together.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always here to help you succeed.",
|
||||
icon: Headphones,
|
||||
id: "m3", value: "24/7", title: "Support Availability", description: "Always here to help you succeed.", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
title="Proven Results"
|
||||
@@ -185,41 +129,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Bundle",
|
||||
price: "$49/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-gray-wall-clock-isolated-white-background_187299-47159.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Bundle", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-round-gray-wall-clock-isolated-white-background_187299-47159.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Enterprise Suite",
|
||||
price: "$199/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-production-manufacturing-supply-distribution-concept_53876-138508.jpg",
|
||||
},
|
||||
id: "p2", name: "Enterprise Suite", price: "$199/mo", imageSrc: "http://img.b2bpic.net/free-photo/product-production-manufacturing-supply-distribution-concept_53876-138508.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cloud Storage",
|
||||
price: "$29/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg",
|
||||
},
|
||||
id: "p3", name: "Cloud Storage", price: "$29/mo", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Security Plus",
|
||||
price: "$89/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038839.jpg",
|
||||
},
|
||||
id: "p4", name: "Security Plus", price: "$89/mo", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038839.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Analytics AI",
|
||||
price: "$129/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/check-cross-circle-arrows_78370-10791.jpg",
|
||||
},
|
||||
id: "p5", name: "Analytics AI", price: "$129/mo", imageSrc: "http://img.b2bpic.net/free-vector/check-cross-circle-arrows_78370-10791.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dev Tools Pro",
|
||||
price: "$39/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-branding-loyalty-graphics_53876-127786.jpg",
|
||||
},
|
||||
id: "p6", name: "Dev Tools Pro", price: "$39/mo", imageSrc: "http://img.b2bpic.net/free-photo/digital-marketing-branding-loyalty-graphics_53876-127786.jpg"},
|
||||
]}
|
||||
title="Core Offerings"
|
||||
description="Discover our suite of software solutions optimized for scale."
|
||||
@@ -233,45 +153,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "This platform transformed how we deploy. Absolutely seamless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "This platform transformed how we deploy. Absolutely seamless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Top-tier reliability. Best in class infrastructure for startups.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Top-tier reliability. Best in class infrastructure for startups.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrod",
|
||||
testimonial: "We cut our operational costs by half using TechFlow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "We cut our operational costs by half using TechFlow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Excellent documentation and support. A delight to work with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
},
|
||||
id: "t4", name: "David Kim", handle: "@dkim", testimonial: "Excellent documentation and support. A delight to work with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Taylor",
|
||||
handle: "@jtaylor",
|
||||
testimonial: "Simply the best tech solution for our enterprise stack.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Taylor", handle: "@jtaylor", testimonial: "Simply the best tech solution for our enterprise stack.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Developers Worldwide"
|
||||
@@ -285,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I get started?",
|
||||
content: "Sign up and follow our onboarding guide for a seamless setup.",
|
||||
},
|
||||
id: "f1", title: "How do I get started?", content: "Sign up and follow our onboarding guide for a seamless setup."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I scale later?",
|
||||
content: "Our plans are designed to scale alongside your growth effortlessly.",
|
||||
},
|
||||
id: "f2", title: "Can I scale later?", content: "Our plans are designed to scale alongside your growth effortlessly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What support is included?",
|
||||
content: "24/7 dedicated engineering support is included for enterprise customers.",
|
||||
},
|
||||
id: "f3", title: "What support is included?", content: "24/7 dedicated engineering support is included for enterprise customers."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers. Check out our help docs for more."
|
||||
@@ -310,16 +196,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Infrastructure?"
|
||||
description="Let's connect and build something extraordinary together. Reach out to our sales team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,42 +212,27 @@ export default function LandingPage() {
|
||||
logoText="TechFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", 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 Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user