Update src/app/page.tsx
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Portfolio", id: "#products" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TechFlow"
|
||||
/>
|
||||
@@ -62,14 +47,8 @@ export default function LandingPage() {
|
||||
logoText="TechFlow Innovations"
|
||||
description="We architect the digital future. Expert mobile, desktop, and web development services tailored to your vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Our Services", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-flowing-particles_1048-14271.jpg"
|
||||
imageAlt="digital technology background"
|
||||
@@ -81,21 +60,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose TechFlow?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Projects Delivered",
|
||||
value: "250+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{ icon: Rocket, label: "Projects Delivered", value: "250+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "150+" },
|
||||
{ icon: Clock, label: "Years Experience", value: "10+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -109,23 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Mobile App Development",
|
||||
description: "Native and cross-platform apps for iOS and Android.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-133591.jpg",
|
||||
imageAlt: "mobile app development",
|
||||
},
|
||||
title: "Mobile App Development", description: "Native and cross-platform apps for iOS and Android.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-133591.jpg", imageAlt: "mobile app development"},
|
||||
{
|
||||
title: "Desktop Solutions",
|
||||
description: "High-performance software tailored for macOS and Windows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901766.jpg",
|
||||
imageAlt: "software development dashboard",
|
||||
},
|
||||
title: "Desktop Solutions", description: "High-performance software tailored for macOS and Windows.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901766.jpg", imageAlt: "software development dashboard"},
|
||||
{
|
||||
title: "Web Platforms",
|
||||
description: "Scalable web applications built with latest frameworks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-digital-devices_1232-776.jpg",
|
||||
imageAlt: "responsive web design",
|
||||
},
|
||||
title: "Web Platforms", description: "Scalable web applications built with latest frameworks.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-digital-devices_1232-776.jpg", imageAlt: "responsive web design"},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Comprehensive development solutions for every platform."
|
||||
@@ -135,51 +90,22 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mobile Suite v1",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309689.jpg",
|
||||
imageAlt: "mobile app design",
|
||||
},
|
||||
id: "1", name: "Mobile Suite v1", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309689.jpg", imageAlt: "mobile app design"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Desktop Engine",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038916.jpg",
|
||||
imageAlt: "desktop application software",
|
||||
},
|
||||
id: "2", name: "Desktop Engine", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038916.jpg", imageAlt: "desktop application software"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Web Core Portal",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg",
|
||||
imageAlt: "website landing page",
|
||||
},
|
||||
id: "3", name: "Web Core Portal", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/navy-operations-specialist-following-hostile-warship-trajectory_482257-91043.jpg", imageAlt: "website landing page"},
|
||||
{
|
||||
id: "4",
|
||||
name: "API Bridge",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-using-mockup-tablet-data-center-managing-server-virtualization_482257-117978.jpg",
|
||||
imageAlt: "api dashboard interface",
|
||||
},
|
||||
id: "4", name: "API Bridge", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/engineers-using-mockup-tablet-data-center-managing-server-virtualization_482257-117978.jpg", imageAlt: "api dashboard interface"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Data Analytics Hub",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
imageAlt: "database visualization",
|
||||
},
|
||||
id: "5", name: "Data Analytics Hub", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "database visualization"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cloud Infra Agent",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg",
|
||||
imageAlt: "cloud infrastructure ui",
|
||||
},
|
||||
id: "6", name: "Cloud Infra Agent", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/high-end-empty-work-environment-used-business-industry-corporate-culture_482257-125734.jpg", imageAlt: "cloud infrastructure ui"},
|
||||
]}
|
||||
title="Software Suite"
|
||||
description="Powerful digital products for modern enterprises."
|
||||
@@ -193,54 +119,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Entry",
|
||||
price: "$5,000",
|
||||
subtitle: "Perfect for MVPs",
|
||||
features: [
|
||||
"Basic feature set",
|
||||
"Mobile App UI",
|
||||
"24/7 Support",
|
||||
],
|
||||
id: "starter", badge: "Entry", price: "$5,000", subtitle: "Perfect for MVPs", features: [
|
||||
"Basic feature set", "Mobile App UI", "24/7 Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$15,000",
|
||||
subtitle: "Growing Businesses",
|
||||
features: [
|
||||
"Full feature set",
|
||||
"Mobile + Desktop",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$15,000", subtitle: "Growing Businesses", features: [
|
||||
"Full feature set", "Mobile + Desktop", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Negotiable",
|
||||
subtitle: "Large Organizations",
|
||||
features: [
|
||||
"All platforms",
|
||||
"Custom integrations",
|
||||
"Dedicated Account Manager",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", price: "Negotiable", subtitle: "Large Organizations", features: [
|
||||
"All platforms", "Custom integrations", "Dedicated Account Manager"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -256,26 +155,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="CEO, Startup Inc."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
alt: "confident professional portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
alt: "startup entrepreneur portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg",
|
||||
alt: "woman in office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
|
||||
alt: "tech consultant portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
|
||||
alt: "happy client professional",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "confident professional portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "startup entrepreneur portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-manager-enjoying-work-break_1262-20856.jpg", alt: "woman in office" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg", alt: "tech consultant portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", alt: "happy client professional" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -286,21 +170,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Depending on complexity, between 3 to 6 months.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide maintenance?",
|
||||
content: "Yes, we offer ongoing maintenance and support packages.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What technology stack do you use?",
|
||||
content: "We utilize industry standard tech like React, Node.js, and Swift.",
|
||||
},
|
||||
{ id: "1", title: "How long does a typical project take?", content: "Depending on complexity, between 3 to 6 months." },
|
||||
{ id: "2", title: "Do you provide maintenance?", content: "Yes, we offer ongoing maintenance and support packages." },
|
||||
{ id: "3", title: "What technology stack do you use?", content: "We utilize industry standard tech like React, Node.js, and Swift." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -310,9 +182,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Contact"
|
||||
title="Start your project"
|
||||
description="Tell us about your next big idea."
|
||||
@@ -328,29 +198,15 @@ export default function LandingPage() {
|
||||
logoText="TechFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Docs", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user