├── .eslintrc.json ├── public ├── 01.png ├── 02.png ├── 03.png ├── Icon.png ├── Tick.png ├── mail.png ├── tara.png ├── Icon(1).png ├── Icon(2).png ├── Icon(3).png ├── Icon(4).png ├── Icon(5).png ├── about.png ├── choose.png ├── logo 1.png ├── three.png ├── chooseus.png ├── image(1).png ├── image(2).png ├── image(3).png ├── maincard.png ├── maincard2.png ├── Hero Image.png ├── BizLaunchBase.png ├── Hero Image2024.png ├── Background shape.png ├── vercel.svg └── next.svg ├── postcss.config.js ├── lib └── utils.ts ├── next.config.js ├── app ├── provider │ ├── providers.tsx │ ├── test.tsx │ └── layout.tsx ├── layout.tsx ├── page.tsx └── globals.css ├── components.json ├── .gitignore ├── tailwind.config.ts ├── tsconfig.json ├── package.json ├── README.md ├── components ├── SocialProof.tsx ├── CardMain.tsx ├── ui │ └── button.tsx ├── Services.tsx ├── HomeSection.tsx ├── About.tsx ├── Explore.tsx ├── Choose.tsx ├── Navbar.tsx ├── Testimonials.tsx └── Footer.tsx └── tailwind.config.js /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /public/01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/01.png -------------------------------------------------------------------------------- /public/02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/02.png -------------------------------------------------------------------------------- /public/03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/03.png -------------------------------------------------------------------------------- /public/Icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Icon.png -------------------------------------------------------------------------------- /public/Tick.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Tick.png -------------------------------------------------------------------------------- /public/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/mail.png -------------------------------------------------------------------------------- /public/tara.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/tara.png -------------------------------------------------------------------------------- /public/Icon(1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Icon(1).png -------------------------------------------------------------------------------- /public/Icon(2).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Icon(2).png -------------------------------------------------------------------------------- /public/Icon(3).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Icon(3).png -------------------------------------------------------------------------------- /public/Icon(4).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Icon(4).png -------------------------------------------------------------------------------- /public/Icon(5).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Icon(5).png -------------------------------------------------------------------------------- /public/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/about.png -------------------------------------------------------------------------------- /public/choose.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/choose.png -------------------------------------------------------------------------------- /public/logo 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/logo 1.png -------------------------------------------------------------------------------- /public/three.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/three.png -------------------------------------------------------------------------------- /public/chooseus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/chooseus.png -------------------------------------------------------------------------------- /public/image(1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/image(1).png -------------------------------------------------------------------------------- /public/image(2).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/image(2).png -------------------------------------------------------------------------------- /public/image(3).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/image(3).png -------------------------------------------------------------------------------- /public/maincard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/maincard.png -------------------------------------------------------------------------------- /public/maincard2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/maincard2.png -------------------------------------------------------------------------------- /public/Hero Image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Hero Image.png -------------------------------------------------------------------------------- /public/BizLaunchBase.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/BizLaunchBase.png -------------------------------------------------------------------------------- /public/Hero Image2024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Hero Image2024.png -------------------------------------------------------------------------------- /public/Background shape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Iqtidartara/Biz-Launchbase/HEAD/public/Background shape.png -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { type ClassValue, clsx } from "clsx" 2 | import { twMerge } from "tailwind-merge" 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)) 6 | } 7 | -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | // next.config.js 3 | 4 | const nextConfig = { 5 | images: { 6 | domains: ["cdn.builder.io"], 7 | }, 8 | }; 9 | 10 | module.exports = nextConfig; 11 | 12 | -------------------------------------------------------------------------------- /app/provider/providers.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { ParallaxProvider } from 'react-scroll-parallax'; 4 | 5 | export function Providers({ children }: { children: React.ReactNode }) { 6 | return {children}; 7 | } -------------------------------------------------------------------------------- /app/provider/test.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { Parallax } from 'react-scroll-parallax'; 4 | 5 | export default function Test() { 6 | return ( 7 | 8 |
9 | 10 | ); 11 | } -------------------------------------------------------------------------------- /app/provider/layout.tsx: -------------------------------------------------------------------------------- 1 | import { Providers } from './providers'; 2 | 3 | export default function RootLayout({ 4 | children, 5 | }: { 6 | children: React.ReactNode; 7 | }) { 8 | return ( 9 | 10 | 11 | {children} 12 | 13 | 14 | ); 15 | } -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://ui.shadcn.com/schema.json", 3 | "style": "default", 4 | "rsc": true, 5 | "tsx": true, 6 | "tailwind": { 7 | "config": "tailwind.config.js", 8 | "css": "app/globals.css", 9 | "baseColor": "slate", 10 | "cssVariables": true 11 | }, 12 | "aliases": { 13 | "components": "@/components", 14 | "utils": "@/lib/utils" 15 | } 16 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env*.local 29 | 30 | # vercel 31 | .vercel 32 | 33 | # typescript 34 | *.tsbuildinfo 35 | next-env.d.ts 36 | -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from 'next' 2 | import { Manrope } from 'next/font/google' 3 | import './globals.css' 4 | 5 | const manrope = Manrope({ subsets: ['latin'] }) 6 | 7 | export const metadata: Metadata = { 8 | icons:'/logo 1.png', 9 | title: ' BizLaunchBase', 10 | description: 'Generated by Iqtidar', 11 | } 12 | 13 | export default function RootLayout({ 14 | children, 15 | }: { 16 | children: React.ReactNode 17 | }) { 18 | return ( 19 | 20 | {children} 21 | 22 | ) 23 | } 24 | -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'tailwindcss' 2 | 3 | const config: Config = { 4 | content: [ 5 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 6 | './components/**/*.{js,ts,jsx,tsx,mdx}', 7 | './app/**/*.{js,ts,jsx,tsx,mdx}', 8 | ], 9 | theme: { 10 | extend: { 11 | backgroundImage: { 12 | 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', 13 | 'gradient-conic': 14 | 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', 15 | }, 16 | lineHeight: { 17 | 'custom': '0.9rem', // You can adjust this value to your preference 18 | }, 19 | }, 20 | }, 21 | plugins: [], 22 | } 23 | export default config 24 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "noEmit": true, 9 | "esModuleInterop": true, 10 | "module": "esnext", 11 | "moduleResolution": "bundler", 12 | "resolveJsonModule": true, 13 | "isolatedModules": true, 14 | "jsx": "preserve", 15 | "incremental": true, 16 | "plugins": [ 17 | { 18 | "name": "next" 19 | } 20 | ], 21 | "paths": { 22 | "@/*": ["./*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "components/trial"], 26 | "exclude": ["node_modules"] 27 | } 28 | -------------------------------------------------------------------------------- /app/page.tsx: -------------------------------------------------------------------------------- 1 | import CardMain from "@/components/CardMain"; 2 | import Choose from "@/components/Choose"; 3 | import Explore from "@/components/Explore"; 4 | import Footer from "@/components/Footer"; 5 | import HomeSection from "@/components/HomeSection"; 6 | import Navbar from "@/components/Navbar"; 7 | import Services from "@/components/Services"; 8 | import SocialProof from "@/components/SocialProof"; 9 | import Testimonials from "@/components/Testimonials"; 10 | import About from "@/components/About"; 11 | 12 | 13 | 14 | export default function Home() { 15 | return ( 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 |
28 | 29 | 30 | ) 31 | } 32 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "gt", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "@headlessui/react": "^1.7.17", 13 | "@radix-ui/react-slot": "^1.0.2", 14 | "class-variance-authority": "^0.7.0", 15 | "clsx": "^2.0.0", 16 | "framer-motion": "^10.17.9", 17 | "lucide-react": "^0.288.0", 18 | "next": "13.5.6", 19 | "react": "^18", 20 | "react-dom": "^18", 21 | "react-scroll-parallax": "^3.4.5", 22 | "tailwind-merge": "^1.14.0", 23 | "tailwindcss-animate": "^1.0.7" 24 | }, 25 | "devDependencies": { 26 | "@types/node": "^20", 27 | "@types/react": "^18", 28 | "@types/react-dom": "^18", 29 | "autoprefixer": "^10", 30 | "eslint": "^8", 31 | "eslint-config-next": "13.5.6", 32 | "postcss": "^8", 33 | "tailwindcss": "^3", 34 | "typescript": "^5" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /public/next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). 2 | 3 | ## Getting Started 4 | 5 | First, run the development server: 6 | 7 | ```bash 8 | npm run dev 9 | # or 10 | yarn dev 11 | # or 12 | pnpm dev 13 | # or 14 | bun dev 15 | ``` 16 | 17 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. 18 | 19 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. 20 | 21 | This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. 22 | 23 | ## Learn More 24 | 25 | To learn more about Next.js, take a look at the following resources: 26 | 27 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. 28 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. 29 | 30 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! 31 | 32 | ## Deploy on Vercel 33 | 34 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. 35 | 36 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. 37 | -------------------------------------------------------------------------------- /components/SocialProof.tsx: -------------------------------------------------------------------------------- 1 | // components/SocialProof.tsx 2 | import React from 'react'; 3 | 4 | const SocialProof: React.FC = () => { 5 | return ( 6 |
7 |
8 |
9 |

200+

10 |

Clients

11 |
12 |
13 |

1300+

14 |

Companies Formed

15 |
16 |
17 |

150+

18 |

Countries Served

19 |
20 |
21 |

4+

22 |

Years of Experience

23 |
24 |
25 |
26 | ); 27 | }; 28 | 29 | export default SocialProof; 30 | -------------------------------------------------------------------------------- /components/CardMain.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Button } from "./ui/button"; 3 | import Image from "next/image"; 4 | 5 | const CardMain = () => { 6 | return ( 7 |
8 |
9 | {/* content div */} 10 |
11 |

12 | Create your BizLaunchBase account today! 13 |

14 |

15 | Seize the Future: Supercharge Your Business Journey by Creating Your 16 | BizLaunchBase Account Today! Join a Thriving Community and Elevate 17 | Your Success to New Heights. 18 |

19 | 20 |
21 | 24 | 27 |
28 |
29 | {/* image div */} 30 |
31 | Image 36 |
37 |
38 |
39 | ); 40 | }; 41 | 42 | export default CardMain; 43 | -------------------------------------------------------------------------------- /components/ui/button.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import { Slot } from "@radix-ui/react-slot" 3 | import { cva, type VariantProps } from "class-variance-authority" 4 | 5 | import { cn } from "@/lib/utils" 6 | 7 | const buttonVariants = cva( 8 | "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", 9 | { 10 | variants: { 11 | variant: { 12 | default: "bg-primary text-primary-foreground hover:bg-primary/90", 13 | destructive: 14 | "bg-destructive text-destructive-foreground hover:bg-destructive/90", 15 | outline: 16 | "border border-input bg-background hover:bg-accent hover:text-accent-foreground", 17 | secondary: 18 | "bg-secondary text-secondary-foreground hover:bg-secondary/80", 19 | ghost: "hover:bg-accent hover:text-accent-foreground", 20 | link: "text-primary underline-offset-4 hover:underline", 21 | }, 22 | size: { 23 | default: "h-10 px-4 py-2", 24 | sm: "h-9 rounded-md px-3", 25 | lg: "h-11 rounded-md px-8", 26 | icon: "h-10 w-10", 27 | }, 28 | }, 29 | defaultVariants: { 30 | variant: "default", 31 | size: "default", 32 | }, 33 | } 34 | ) 35 | 36 | export interface ButtonProps 37 | extends React.ButtonHTMLAttributes, 38 | VariantProps { 39 | asChild?: boolean 40 | } 41 | 42 | const Button = React.forwardRef( 43 | ({ className, variant, size, asChild = false, ...props }, ref) => { 44 | const Comp = asChild ? Slot : "button" 45 | return ( 46 | 51 | ) 52 | } 53 | ) 54 | Button.displayName = "Button" 55 | 56 | export { Button, buttonVariants } 57 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | darkMode: ["class"], 4 | content: [ 5 | './pages/**/*.{ts,tsx}', 6 | './components/**/*.{ts,tsx}', 7 | './app/**/*.{ts,tsx}', 8 | './src/**/*.{ts,tsx}', 9 | ], 10 | theme: { 11 | container: { 12 | center: true, 13 | padding: "2rem", 14 | screens: { 15 | "2xl": "1400px", 16 | }, 17 | }, 18 | extend: { 19 | colors: { 20 | border: "hsl(var(--border))", 21 | input: "hsl(var(--input))", 22 | ring: "hsl(var(--ring))", 23 | background: "hsl(var(--background))", 24 | foreground: "hsl(var(--foreground))", 25 | primary: { 26 | DEFAULT: "hsl(var(--primary))", 27 | foreground: "hsl(var(--primary-foreground))", 28 | }, 29 | secondary: { 30 | DEFAULT: "hsl(var(--secondary))", 31 | foreground: "hsl(var(--secondary-foreground))", 32 | }, 33 | destructive: { 34 | DEFAULT: "hsl(var(--destructive))", 35 | foreground: "hsl(var(--destructive-foreground))", 36 | }, 37 | muted: { 38 | DEFAULT: "hsl(var(--muted))", 39 | foreground: "hsl(var(--muted-foreground))", 40 | }, 41 | accent: { 42 | DEFAULT: "hsl(var(--accent))", 43 | foreground: "hsl(var(--accent-foreground))", 44 | }, 45 | popover: { 46 | DEFAULT: "hsl(var(--popover))", 47 | foreground: "hsl(var(--popover-foreground))", 48 | }, 49 | card: { 50 | DEFAULT: "hsl(var(--card))", 51 | foreground: "hsl(var(--card-foreground))", 52 | }, 53 | }, 54 | borderRadius: { 55 | lg: "var(--radius)", 56 | md: "calc(var(--radius) - 2px)", 57 | sm: "calc(var(--radius) - 4px)", 58 | }, 59 | keyframes: { 60 | "accordion-down": { 61 | from: { height: 0 }, 62 | to: { height: "var(--radix-accordion-content-height)" }, 63 | }, 64 | "accordion-up": { 65 | from: { height: "var(--radix-accordion-content-height)" }, 66 | to: { height: 0 }, 67 | }, 68 | }, 69 | animation: { 70 | "accordion-down": "accordion-down 0.2s ease-out", 71 | "accordion-up": "accordion-up 0.2s ease-out", 72 | }, 73 | }, 74 | }, 75 | plugins: [require("tailwindcss-animate")], 76 | } -------------------------------------------------------------------------------- /components/Services.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | const serviceData = [ 4 | { 5 | number: "01", 6 | title: "Get Started", 7 | description: 8 | "Unleash global possibilities in one click—embark on a seamless easy journey with BizLaunchBase, where accessing top-tier services is just the beginning.", 9 | }, 10 | { 11 | number: "02", 12 | title: "Upload Document", 13 | description: 14 | "Your path to global success for effortlessly upload necessary docs guided by our expert’s instructions. Expanding your business has never been more straight forward.", 15 | }, 16 | { 17 | number: "03", 18 | title: "Enjoy!", 19 | description: 20 | "Witness the transformation with BizLaunchBase and gain hassle-free access to Stripe, PayPal, Wise, and more—a rewarding global business journey awaits.", 21 | }, 22 | ]; 23 | 24 | const Services = () => { 25 | return ( 26 |
27 |
28 |
29 |

30 | Get Your Company
Registered In 3 Simple Steps 31 |

32 |
33 | {/* cards */} 34 |
35 | {serviceData.map((service, index) => ( 36 |
41 |

42 | {service.number} 43 |

44 |

45 | {service.title} 46 |

47 |

48 | {service.description} 49 |

50 |
51 | ))} 52 |
53 |
54 |
55 | ); 56 | }; 57 | 58 | export default Services; 59 | -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @layer base { 6 | :root { 7 | --background: 0 0% 100%; 8 | --foreground: 222.2 84% 4.9%; 9 | 10 | --card: 0 0% 100%; 11 | --card-foreground: 222.2 84% 4.9%; 12 | 13 | --popover: 0 0% 100%; 14 | --popover-foreground: 222.2 84% 4.9%; 15 | 16 | --primary: 222.2 47.4% 11.2%; 17 | --primary-foreground: 210 40% 98%; 18 | 19 | --secondary: 210 40% 96.1%; 20 | --secondary-foreground: 222.2 47.4% 11.2%; 21 | 22 | --muted: 210 40% 96.1%; 23 | --muted-foreground: 215.4 16.3% 46.9%; 24 | 25 | --accent: 210 40% 96.1%; 26 | --accent-foreground: 222.2 47.4% 11.2%; 27 | 28 | --destructive: 0 84.2% 60.2%; 29 | --destructive-foreground: 210 40% 98%; 30 | 31 | --border: 214.3 31.8% 91.4%; 32 | --input: 214.3 31.8% 91.4%; 33 | --ring: 222.2 84% 4.9%; 34 | 35 | --radius: 0.5rem; 36 | } 37 | 38 | .dark { 39 | --background: 222.2 84% 4.9%; 40 | --foreground: 210 40% 98%; 41 | 42 | --card: 222.2 84% 4.9%; 43 | --card-foreground: 210 40% 98%; 44 | 45 | --popover: 222.2 84% 4.9%; 46 | --popover-foreground: 210 40% 98%; 47 | 48 | --primary: 210 40% 98%; 49 | --primary-foreground: 222.2 47.4% 11.2%; 50 | 51 | --secondary: 217.2 32.6% 17.5%; 52 | --secondary-foreground: 210 40% 98%; 53 | 54 | --muted: 217.2 32.6% 17.5%; 55 | --muted-foreground: 215 20.2% 65.1%; 56 | 57 | --accent: 217.2 32.6% 17.5%; 58 | --accent-foreground: 210 40% 98%; 59 | 60 | --destructive: 0 62.8% 30.6%; 61 | --destructive-foreground: 210 40% 98%; 62 | 63 | --border: 217.2 32.6% 17.5%; 64 | --input: 217.2 32.6% 17.5%; 65 | --ring: 212.7 26.8% 83.9%; 66 | } 67 | } 68 | 69 | @layer base { 70 | * { 71 | @apply border-border; 72 | } 73 | body { 74 | @apply bg-background text-foreground; 75 | } 76 | } 77 | 78 | .card { 79 | background: var(--financetemplate-webflow-io-nero, #FFF); 80 | box-shadow: 0px 3.63636px 18.18182px 0px rgba(28, 28, 87, 0.15); 81 | } 82 | .H1Textcolor{ 83 | color: var(--financetemplate-webflow-io-valhalla, #1C1C57); 84 | } 85 | 86 | 87 | .g-number { 88 | background: linear-gradient(153deg, #B1B4FF 0%, #6D72F6 100%); 89 | } 90 | .variantbutton{ 91 | color: var(--financetemplate-webflow-io-nero, #FFF); 92 | border-radius: 0.75413rem; 93 | background: var(--financetemplate-webflow-io-cornflower-blue, #6D72F6); 94 | } 95 | .whitebutton{ 96 | color: var(--financetemplate-webflow-io-cornflower-blue, #6D72F6); 97 | border-radius: 0.75413rem; 98 | border: 0.862px solid var(--financetemplate-webflow-io-whisper, #ECECF6); 99 | background: var(--financetemplate-webflow-io-nero, #FFF); 100 | box-shadow: 0px 2.586px 15.513px 0px rgba(74, 58, 255, 0.11); 101 | } -------------------------------------------------------------------------------- /components/HomeSection.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | import React from "react"; 3 | import { Button } from "./ui/button"; 4 | import Image from "next/image"; 5 | import { motion} from 'framer-motion'; 6 | 7 | const HomeSection = () => { 8 | return ( 9 |
10 | 15 |
16 | 17 | {/* text div */} 18 |
19 |
20 | {" "} 21 |

22 | REACH YOUR CUSTOMERS GLOBALLY 23 |

24 |
25 |
26 |

27 | Register Effortlessly on Stripe, PayPal, and Wise within{" "} 28 | 7 Days!{" "} 29 |

30 | 31 |

32 | Boost Your Business Expansion with Our Registration Process 33 | Leading Payment Platforms in Just a Week 34 |

35 |
36 | 39 | 42 |
43 |
44 | der 45 |

46 | Join with{" "} 47 | 1200+ Startups 48 | and get your
business started today 49 |

50 |
51 |
52 |
53 |
54 | cd 61 |
62 |
63 | 64 |
65 | ); 66 | }; 67 | 68 | export default HomeSection; 69 | -------------------------------------------------------------------------------- /components/About.tsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | import React from "react"; 3 | import { Button } from "@/components/ui/button"; 4 | 5 | const About = () => { 6 | return ( 7 |
8 |
9 |
10 | trackbussiness 16 |
17 |
18 |
19 |
20 | 21 |

22 | Your Success, Our Blueprint 23 |

24 |
25 |
26 |

27 | Fast-Track Your Business
in a Week 28 |

29 |

30 | At BizLaunchBase, we break down barriers for you. Our streamlined 31 | process, guided document uploads, and expert team ensure quick 32 | registration for Stripe, PayPal, Wise, and more in just 7 days. Make 33 | your global market entry a reality! 34 |

35 |
36 |
37 | check 38 | 39 | Navigate seamless US/UK registration 40 | 41 |
42 |
43 | check 44 | 45 | Unlock Stripe, PayPal, Wise, and more in 7 days 46 | 47 |
48 |
49 | check 50 | 51 | Simplified, user-friendly document upload 52 | 53 |
54 |
55 |
56 | 59 | 62 |
63 |
64 |
65 |
66 | ); 67 | }; 68 | 69 | export default About; 70 | -------------------------------------------------------------------------------- /components/Explore.tsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | import React from "react"; 3 | import { Button } from "./ui/button"; 4 | 5 | // Define an interface for the card data 6 | interface Card { 7 | src: string; 8 | alt: string; 9 | title: string; 10 | description: string; 11 | } 12 | 13 | const cardData: Card[] = [ 14 | { 15 | src: "/Icon.png", 16 | alt: "icon", 17 | title: "Secure payments", 18 | description: "Lock in your transactions with us—your payments, always safe and sound.", 19 | }, 20 | { 21 | src: "/Icon(1).png", 22 | alt: "icon", 23 | title: "No hidden fees", 24 | description: "Bid farewell to surprises and hidden costs—what you see is precisely what you get, always.", 25 | }, 26 | { 27 | src: "/Icon(2).png", 28 | alt: "icon", 29 | title: "World class support", 30 | description: "We've got your back, every step of the way in the global business landscape with our support.", 31 | }, 32 | ]; 33 | 34 | const cardData2: Card[] = [ 35 | { 36 | src: "/Icon(3).png", 37 | alt: "icon", 38 | title: "Quick delivery", 39 | description: "Efficient processes ensure fast US company formation and Stripe account setup, saving you time and hassle.", 40 | }, 41 | { 42 | src: "/Icon(4).png", 43 | alt: "icon", 44 | title: "We accept all countries", 45 | description: "Entrepreneurs worldwide can access our services, regardless of location, language.", 46 | }, 47 | { 48 | src: "/Icon(5).png", 49 | alt: "icon", 50 | title: "Competitive prices", 51 | description: "High-quality services offered at affordable rates, while ensuring exceptional value.", 52 | }, 53 | ]; 54 | 55 | const Explore = () => { 56 | return ( 57 |
58 |
59 |
60 |

61 | Illuminate Your Finances 62 |

63 |

64 | Explore the Biz Launch
Base advantage 65 |

66 |
67 | 68 | {/* Cards */} 69 |
70 | {[...cardData, ...cardData2].map((card, index) => ( 71 |
72 | {card.alt} 73 |

74 | {card.title} 75 |

76 |

77 | {card.description} 78 |

79 |
80 | ))} 81 |
82 |
83 |
84 | 87 | 90 |
91 |
92 | ); 93 | }; 94 | 95 | export default Explore; 96 | -------------------------------------------------------------------------------- /components/Choose.tsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | import React from "react"; 3 | import { Button } from "@/components/ui/button"; 4 | 5 | const Choose = () => { 6 | return ( 7 |
8 |
9 |
10 |
11 | 12 |

13 | Transparency, Trust, Triumph 14 |

15 |
16 | 17 |

18 | Why Choose Us? 19 |

20 |

21 | In the entrepreneurial world, your choice of a partner is crucial. 22 | BizLaunchBase is your reliable companion, ensuring transparency, 23 | informed decisions, and effortless processes. We pave the way for 24 | your borderless business success. 25 |

26 |
27 |
28 | check 35 | 36 | Transparent Operations 37 | 38 |
39 |
40 | check 47 | 48 | Informed Decision-Making 49 | 50 |
51 |
52 | check 59 | 60 | Effortless Processes 61 | 62 |
63 |
64 |
65 | 68 | 71 |
72 |
73 |
74 | trackbusiness 80 |
81 |
82 |
83 | ); 84 | }; 85 | 86 | export default Choose; 87 | -------------------------------------------------------------------------------- /components/Navbar.tsx: -------------------------------------------------------------------------------- 1 | 'use client' 2 | import React, { useState } from "react"; 3 | import { Popover } from "@headlessui/react"; 4 | import { Menu, X } from "lucide-react"; 5 | import Image from "next/image"; 6 | import Link from "next/link"; 7 | import { Button } from "./ui/button"; 8 | 9 | const Navbar = () => { 10 | const [menuOpen, setMenuOpen] = useState(false); 11 | 12 | const headerLinks = [ 13 | { label: "About", href: "/about" }, 14 | { label: "Blog", href: "/features" }, 15 | { label: "Book a demo", href: "/demo" }, 16 | { label: "Login", href: "/login" }, 17 | ]; 18 | 19 | return ( 20 |
21 | 22 |
23 | logo 30 |
31 | 32 |
33 | 34 |
35 | setMenuOpen(!menuOpen)} 38 | > 39 | Open menu 40 |
43 | 44 |
49 |
50 |
51 |
52 | logo 53 |
54 | setMenuOpen(false)} 57 | > 58 | Close menu 59 | 61 |
62 |
63 |
64 | 71 |
72 |
73 | 74 | 79 | 80 |
81 |
82 |
83 |
84 |
85 |
86 | {headerLinks.map((link, index) => ( 87 | 88 | {link.label} 89 | 90 | ))} 91 |
92 | 93 | 96 | 97 |
98 | 99 |
100 | ); 101 | }; 102 | 103 | export default Navbar; 104 | -------------------------------------------------------------------------------- /components/Testimonials.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Button } from "@/components/ui/button"; 3 | import Image from "next/image"; 4 | 5 | const Testimonials = () => { 6 | return ( 7 |
8 |
9 | {/* Left side cards */} 10 |
11 |
12 | {/* Testimonial Card 1 */} 13 |
14 |
15 |

16 | 'I've never seen anything like it' 17 |

18 |

19 | In just 7 days, BizLaunchBase made my business global-ready. 20 | User-friendly and hassle-free, they turned promises into 21 | reality. They're not just a service; they're 22 | partners in making global dreams real. 23 |

24 |
25 | Aara Carter 26 |
27 |
28 | Aara Carter 29 |
30 |

31 | Business Strategist 32 |

33 |
34 |
35 |
36 |
37 | 38 | {/* Testimonial Card 2 */} 39 |
40 |
41 |

42 | 'This is legit the bomb' 43 |

44 |

45 | BizLaunchBase is the best choice for global ambitions. Their 46 | transparency and commitment ensured an effortless journey. 47 | They're not just service providers; they're reliable 48 | companions dedicated to success. 49 |

50 |
51 | Morgan Woods 52 |
53 |
54 | Morgan Woods 55 |
56 |

57 | Digital Entrepreneur 58 |

59 |
60 |
61 |
62 |
63 |
64 | 65 | {/* Right side cards */} 66 |
67 |
68 |
69 | 70 |

71 | Testimonials 72 |

73 |
74 |

75 | Don't take our word for it, take theirs 76 |

77 |

78 | Fans can't stop talking! Don't just take our word, let their 79 | excitement convince you. Join the chorus of satisfied users today! 80 |

81 |
82 | 83 | {/* Testimonial Card 3 */} 84 |
85 |
86 |

87 | 'This is a game-changer!' 88 |

89 |

90 | BizLaunchBase is my partner in this exhilarating global journey. 91 | They break geographical shackles and unveil boundless potential. 92 | If you're ready for global opportunities, BizLaunchBase is the 93 | go-to partner to make your aspirations a reality! 94 |

95 |
96 | David James 97 |
98 |
99 | David James 100 |
101 |

102 | Business Owner 103 |

104 |
105 |
106 |
107 |
108 |
109 |
110 | 111 | {/* CTA Buttons */} 112 | 113 |
114 |
115 | ); 116 | }; 117 | 118 | export default Testimonials; 119 | -------------------------------------------------------------------------------- /components/Footer.tsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import Image from "next/image"; 3 | import Link from "next/link"; 4 | 5 | function Footer() { 6 | return ( 7 |
8 |
9 |
10 | 133 |
134 | 137 |
138 |
139 | ); 140 | } 141 | 142 | export default Footer; --------------------------------------------------------------------------------