Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_2 into main
2026-03-05 06:09:51 +00:00 · 2026-03-05 06:09:50 +00:00 · 2026-03-05 06:07:31 +00:00 · 2026-03-05 06:07:27 +00:00 · 2026-03-05 06:07:27 +00:00 · 2026-03-05 06:05:42 +00:00
2 changed files with 100 additions and 61 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,74 +1,23 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Open_Sans } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

-const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-
-const openSans = Open_Sans({
-  variable: "--font-open-sans",
-  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Brainify - AI SaaS Platform for Creators",
-  description: "Create stunning AI-generated content with Brainify. 15+ AI tools including image generation, face swap, video creation, and more. 50% off first month. Free trial with 5 daily AI Sparks.",
-  keywords: "AI tools, image generator, face swap, video generation, SaaS platform, content creation, AI art",
-  metadataBase: new URL("https://brainify.ai"),
-  alternates: {
-    canonical: "https://brainify.ai",
-  },
-  openGraph: {
-    title: "Brainify - AI Content Creation Platform",
-    description: "Transform your creativity with 15+ AI-powered tools. Generate images, videos, enhance photos, and create professional content effortlessly.",
-    url: "https://brainify.ai",
-    siteName: "Brainify",
-    type: "website",
-    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVswAIYlsTNcIZ3oIHvVtQVpeu/a-modern-ai-image-generation-interface-s-1772690553345-c5e0890c.png",
-        alt: "Brainify AI Platform",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Brainify - AI Content Creation",
-    description: "Create AI-generated content with 15+ tools. Start free with 5 daily AI Sparks.",
-    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVswAIYlsTNcIZ3oIHvVtQVpeu/a-modern-ai-image-generation-interface-s-1772690553345-c5e0890c.png"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
+  title: "Brainify - AI Content Creation Platform",  description: "Transform your creativity with AI-powered tools for content creation, image generation, video production, and more."
 };

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1436,7 +1385,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
 }
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -49,7 +49,7 @@ export default function HomePage() {
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
-            { text: 'Get Started Free', href: '/dashboard' },
+            { text: 'Start Creating Free', href: '/dashboard' },
            { text: 'View All Tools', href: '/tools' }
          ]}
          buttonAnimation="slide-up"
@@ -273,6 +273,97 @@ export default function HomePage() {
        />
      </div>

+      <div id="payment" data-section="payment">
+        <div className="w-full py-24 px-4 md:px-8 bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800">
+          <div className="max-w-6xl mx-auto">
+            <div className="text-center mb-16">
+              <h2 className="text-4xl md:text-5xl font-bold mb-4 text-slate-900 dark:text-white">Payment Methods</h2>
+              <p className="text-xl text-slate-600 dark:text-slate-300 max-w-2xl mx-auto">Choose your preferred payment method to get started with Brainify</p>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
+              {/* EasyPaisa Card */}
+              <div className="bg-white dark:bg-slate-800 rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300">
+                <div className="p-8">
+                  <div className="flex items-center justify-between mb-6">
+                    <div>
+                      <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-2">EasyPaisa</h3>
+                      <p className="text-sm text-slate-600 dark:text-slate-300">Fast and secure mobile payments</p>
+                    </div>
+                    <img 
+                      src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVswAIYlsTNcIZ3oIHvVtQVpeu/uploaded-1772690936952-j6mf96ds.png" 
+                      alt="EasyPaisa Logo" 
+                      className="w-16 h-16 object-contain"
+                    />
+                  </div>
+                  
+                  <div className="bg-gradient-to-br from-blue-50 to-purple-50 dark:from-slate-700 dark:to-slate-600 rounded-lg p-6 mb-6">
+                    <img 
+                      src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVswAIYlsTNcIZ3oIHvVtQVpeu/uploaded-1772690936951-18eqjtj8.png" 
+                      alt="EasyPaisa QR Code" 
+                      className="w-full max-w-xs mx-auto"
+                    />
+                  </div>
+                  
+                  <div className="space-y-3 mb-6">
+                    <div className="flex items-center gap-3">
+                      <svg className="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                      <span className="text-sm text-slate-700 dark:text-slate-300">Instant payment processing</span>
+                    </div>
+                    <div className="flex items-center gap-3">
+                      <svg className="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                      <span className="text-sm text-slate-700 dark:text-slate-300">No additional fees</span>
+                    </div>
+                    <div className="flex items-center gap-3">
+                      <svg className="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                        <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
+                      </svg>
+                      <span className="text-sm text-slate-700 dark:text-slate-300">Secure and encrypted transactions</span>
+                    </div>
+                  </div>
+                  
+                  <button className="w-full bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-semibold py-3 rounded-lg transition-all duration-200 transform hover:scale-105">
+                    Pay with EasyPaisa
+                  </button>
+                </div>
+              </div>
+
+              {/* Other Payment Methods */}
+              <div className="bg-white dark:bg-slate-800 rounded-xl shadow-lg overflow-hidden hover:shadow-xl transition-shadow duration-300">
+                <div className="p-8">
+                  <h3 className="text-2xl font-bold text-slate-900 dark:text-white mb-6">Other Methods</h3>
+                  
+                  <div className="space-y-4">
+                    <button className="w-full bg-gradient-to-r from-red-500 to-red-600 hover:from-red-600 hover:to-red-700 text-white font-semibold py-3 rounded-lg transition-all duration-200 transform hover:scale-105">
+                      Credit/Debit Card
+                    </button>
+                    <button className="w-full bg-gradient-to-r from-blue-400 to-blue-500 hover:from-blue-500 hover:to-blue-600 text-white font-semibold py-3 rounded-lg transition-all duration-200 transform hover:scale-105">
+                      Bank Transfer
+                    </button>
+                    <button className="w-full bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white font-semibold py-3 rounded-lg transition-all duration-200 transform hover:scale-105">
+                      JazzCash
+                    </button>
+                    <button className="w-full bg-gradient-to-r from-purple-500 to-indigo-600 hover:from-purple-600 hover:to-indigo-700 text-white font-semibold py-3 rounded-lg transition-all duration-200 transform hover:scale-105">
+                      PayPal
+                    </button>
+                  </div>
+                  
+                  <div className="mt-6 p-4 bg-blue-50 dark:bg-slate-700 rounded-lg">
+                    <p className="text-sm text-slate-600 dark:text-slate-300">
+                      <strong>Need help?</strong> Contact our support team at support@brainify.ai or WhatsApp us at +92 314 7356117
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
Author	SHA1	Message	Date
bender	3315415269	Update src/app/page.tsx	2026-03-05 06:09:51 +00:00
bender	90b57bbc13	Update src/app/layout.tsx	2026-03-05 06:09:50 +00:00
bender	a87b84fe1b	Merge version_2 into main Merge version_2 into main	2026-03-05 06:07:31 +00:00
bender	8ee7fae768	Update src/app/page.tsx	2026-03-05 06:07:27 +00:00
bender	02cf4f84ca	Update src/app/layout.tsx	2026-03-05 06:07:27 +00:00
bender	7bd4ed7cb2	Merge version_1 into main Merge version_1 into main	2026-03-05 06:05:42 +00:00