Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
@@ -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
101
src/app/features/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user