Merge version_3 into main

Merge version_3 into main

src/app/blog/page.tsx

@@ -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>
     );
-}
+}

src/app/features/page.tsx

@@ -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>
+  );
+}

src/app/layout.tsx

@@ -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({
+const inter = Inter({ subsets: ["latin"] });
-  variable: "--font-figtree",  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"),
+  title: "TechFlow",  description: "The future of software development"};
-  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
-  }
-};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body className={inter.className}>{children}
-        <body
-          className={`${figtree.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1257,7 +1233,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -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>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -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>
     );
-}
+}

src/app/shop/page.tsx

@@ -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>
     );
-}
+}