Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3315415269 | |||
| 90b57bbc13 | |||
| a87b84fe1b | |||
| 8ee7fae768 | |||
| 02cf4f84ca | |||
| 7bd4ed7cb2 |
@@ -1,74 +1,23 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import { Open_Sans } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
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"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Brainify - AI SaaS Platform for Creators",
|
title: "Brainify - AI Content Creation Platform", description: "Transform your creativity with AI-powered tools for content creation, image generation, video production, and more."
|
||||||
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,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>
|
||||||
<body
|
{children}
|
||||||
className={`${halant.variable} ${inter.variable} ${openSans.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1436,7 +1385,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -49,7 +49,7 @@ export default function HomePage() {
|
|||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: 'Get Started Free', href: '/dashboard' },
|
{ text: 'Start Creating Free', href: '/dashboard' },
|
||||||
{ text: 'View All Tools', href: '/tools' }
|
{ text: 'View All Tools', href: '/tools' }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
@@ -273,6 +273,97 @@ export default function HomePage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</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">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Get in Touch"
|
tag="Get in Touch"
|
||||||
|
|||||||
Reference in New Issue
Block a user