Merge version_3 into main

Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
2026-02-13 17:47:04 +00:00
6 changed files with 128 additions and 52 deletions

View File

@@ -29,7 +29,7 @@ export default function BlogPage() {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -62,7 +62,7 @@ export default function BlogPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -95,4 +95,4 @@ export default function BlogPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

101
src/app/features/page.tsx Normal file
View File

@@ -0,0 +1,101 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function FeaturesPage() {
return (
<ThemeProvider
defaultButtonVariant="slide-background"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeMediumTitles"
background="none"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
title="Platform Features"
description="Discover all the powerful capabilities that make our platform the choice for modern development teams."
features={[
{
id: "1", title: "Smart Automation", description: "Automate repetitive tasks and focus on what truly matters—building great software. Save hours every week with intelligent workflow automation.", tag: "Productivity", imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038862.jpg", imageAlt: "automation workflow process technology"
},
{
id: "2", title: "Real-Time Analytics", description: "Get instant insights into your workflow with powerful, intuitive dashboards. Track progress, identify bottlenecks, and optimize team performance in real-time.", tag: "Intelligence", imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg", imageAlt: "analytics dashboard data reporting"
},
{
id: "3", title: "Seamless Integration", description: "Connect with your favorite tools and services. Works with everything you already use—GitHub, Jira, Slack, and hundreds more.", tag: "Compatibility", imageSrc: "https://img.b2bpic.net/free-vector/professional-infographic-with-photo_23-2148331611.jpg", imageAlt: "integration api connection networking"
},
{
id: "4", title: "Advanced Security", description: "Enterprise-grade security with end-to-end encryption, regular audits, and compliance with GDPR, SOC 2, and industry standards.", tag: "Security", imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038862.jpg", imageAlt: "security encryption protection"
},
{
id: "5", title: "Collaborative Workspace", description: "Build together seamlessly with real-time collaboration, code reviews, and team communication all in one platform.", tag: "Teamwork", imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg", imageAlt: "collaboration team workspace"
},
{
id: "6", title: "Scalable Infrastructure", description: "Built to grow with your team. From startups to enterprises, our platform scales seamlessly with your needs.", tag: "Performance", imageSrc: "https://img.b2bpic.net/free-vector/professional-infographic-with-photo_23-2148331611.jpg", imageAlt: "scalability infrastructure growth"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
},
{
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
title: "Resources", items: [
{ label: "Documentation", href: "#" },
{ label: "API Reference", href: "#" },
{ label: "Support", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }
]
}
]}
bottomLeftText="© 2025 TechFlow. All rights reserved."
bottomRightText="Made with ✨ for developers"
/>
</div>
</ThemeProvider>
);
}

View File

@@ -1,44 +1,20 @@
import type { Metadata } from "next";
import { Figtree } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const figtree = Figtree({
variable: "--font-figtree", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "TechFlow - Join Our Developer Waitlist", description: "Be among the first to experience the revolutionary platform transforming software development. Join 5,000+ early adopters on our waitlist.", keywords: "software development, developer tools, automation, productivity, waitlist, tech startup", metadataBase: new URL("https://techflow.dev"),
alternates: {
canonical: "https://techflow.dev"
},
openGraph: {
title: "TechFlow - Join Our Developer Waitlist", description: "Be among the first to experience the revolutionary platform transforming software development.", url: "https://techflow.dev", siteName: "TechFlow", type: "website"
},
twitter: {
card: "summary_large_image", title: "TechFlow - Join Our Developer Waitlist", description: "Be among the first to experience the revolutionary platform transforming software development."
},
robots: {
index: true,
follow: true
}
};
title: "TechFlow", description: "The future of software development"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${figtree.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1257,7 +1233,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

View File

@@ -29,7 +29,7 @@ export default function LandingPage() {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -49,7 +49,7 @@ export default function LandingPage() {
avatarText="Join 5,000+ early adopters"
buttons={[
{ text: "Join the Waitlist", href: "contact" },
{ text: "Learn More", href: "features" }
{ text: "Learn More", href: "/features" }
]}
/>
</div>
@@ -172,7 +172,7 @@ export default function LandingPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -204,4 +204,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

View File

@@ -86,7 +86,7 @@ export default function ProductPage({ params }: ProductPageProps) {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -100,7 +100,7 @@ export default function ProductPage({ params }: ProductPageProps) {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -155,7 +155,7 @@ export default function ProductPage({ params }: ProductPageProps) {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -177,7 +177,7 @@ export default function ProductPage({ params }: ProductPageProps) {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -231,7 +231,7 @@ export default function ProductPage({ params }: ProductPageProps) {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -278,7 +278,7 @@ export default function ProductPage({ params }: ProductPageProps) {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -311,4 +311,4 @@ export default function ProductPage({ params }: ProductPageProps) {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -36,7 +36,7 @@ export default function ShopPage() {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -50,7 +50,7 @@ export default function ShopPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -104,7 +104,7 @@ export default function ShopPage() {
brandName="TechFlow"
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Features", id: "/features" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
@@ -126,7 +126,7 @@ export default function ShopPage() {
columns={[
{
title: "Product", items: [
{ label: "Features", href: "features" },
{ label: "Features", href: "/features" },
{ label: "Pricing", href: "#" },
{ label: "Security", href: "#" }
]
@@ -159,4 +159,4 @@ export default function ShopPage() {
</ReactLenis>
</ThemeProvider>
);
}
}