├── .gitignore ├── README.md ├── eslint.config.mjs ├── next.config.ts ├── package-lock.json ├── package.json ├── postcss.config.mjs ├── public ├── Images │ ├── 3.svg │ ├── Ellipse 7.svg │ ├── Ellipse-round.svg │ ├── Ellipse22.svg │ ├── buyfrog1.svg │ ├── buyfrog2.svg │ ├── buyfrog3.svg │ ├── footerpepe.svg │ ├── footsteps.svg │ ├── frogmap.svg │ ├── intro-im.svg │ ├── intro-img2.png │ ├── last.svg │ ├── leave.svg │ ├── line.svg │ ├── pepeimg1.svg │ ├── pepeimg2.svg │ ├── pepelogo.svg │ ├── roadmap.svg │ ├── star.svg │ ├── utility.png │ └── x.svg ├── file.svg ├── globe.svg ├── next.svg ├── vercel.svg └── window.svg ├── src ├── app │ ├── favicon.ico │ ├── globals.css │ ├── layout.tsx │ └── page.tsx └── components │ ├── Hero.tsx │ ├── Introduction.tsx │ ├── Reusable │ ├── Footer.tsx │ └── Navigation.tsx │ ├── Roadmap.tsx │ └── Utility.tsx ├── tailwind.config.ts └── tsconfig.json /.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.* 7 | .yarn/* 8 | !.yarn/patches 9 | !.yarn/plugins 10 | !.yarn/releases 11 | !.yarn/versions 12 | 13 | # testing 14 | /coverage 15 | 16 | # next.js 17 | /.next/ 18 | /out/ 19 | 20 | # production 21 | /build 22 | 23 | # misc 24 | .DS_Store 25 | *.pem 26 | 27 | # debug 28 | npm-debug.log* 29 | yarn-debug.log* 30 | yarn-error.log* 31 | .pnpm-debug.log* 32 | 33 | # env files (can opt-in for committing if needed) 34 | .env* 35 | 36 | # vercel 37 | .vercel 38 | 39 | # typescript 40 | *.tsbuildinfo 41 | next-env.d.ts 42 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/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/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. 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/app/building-your-application/deploying) for more details. 37 | -------------------------------------------------------------------------------- /eslint.config.mjs: -------------------------------------------------------------------------------- 1 | import { dirname } from "path"; 2 | import { fileURLToPath } from "url"; 3 | import { FlatCompat } from "@eslint/eslintrc"; 4 | 5 | const __filename = fileURLToPath(import.meta.url); 6 | const __dirname = dirname(__filename); 7 | 8 | const compat = new FlatCompat({ 9 | baseDirectory: __dirname, 10 | }); 11 | 12 | const eslintConfig = [ 13 | ...compat.extends("next/core-web-vitals", "next/typescript"), 14 | ]; 15 | 16 | export default eslintConfig; 17 | -------------------------------------------------------------------------------- /next.config.ts: -------------------------------------------------------------------------------- 1 | import type { NextConfig } from "next"; 2 | 3 | const nextConfig: NextConfig = { 4 | /* config options here */ 5 | }; 6 | 7 | export default nextConfig; 8 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "aipepe", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev --turbopack", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "next": "15.1.6", 13 | "react": "^19.0.0", 14 | "react-dom": "^19.0.0", 15 | "react-icons": "^5.4.0" 16 | }, 17 | "devDependencies": { 18 | "@eslint/eslintrc": "^3", 19 | "@types/node": "^20", 20 | "@types/react": "^19", 21 | "@types/react-dom": "^19", 22 | "eslint": "^9", 23 | "eslint-config-next": "15.1.6", 24 | "postcss": "^8", 25 | "tailwindcss": "^3.4.1", 26 | "typescript": "^5" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import('postcss-load-config').Config} */ 2 | const config = { 3 | plugins: { 4 | tailwindcss: {}, 5 | }, 6 | }; 7 | 8 | export default config; 9 | -------------------------------------------------------------------------------- /public/Images/3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /public/Images/Ellipse 7.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /public/Images/Ellipse-round.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /public/Images/Ellipse22.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /public/Images/buyfrog1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /public/Images/footsteps.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /public/Images/intro-img2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blackdevWeb3/AIpepe-front/4b079daeeb587b3b760b40509401b8485d1a5b1c/public/Images/intro-img2.png -------------------------------------------------------------------------------- /public/Images/leave.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /public/Images/line.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /public/Images/pepelogo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /public/Images/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /public/Images/utility.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blackdevWeb3/AIpepe-front/4b079daeeb587b3b760b40509401b8485d1a5b1c/public/Images/utility.png -------------------------------------------------------------------------------- /public/file.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/globe.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/window.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/blackdevWeb3/AIpepe-front/4b079daeeb587b3b760b40509401b8485d1a5b1c/src/app/favicon.ico -------------------------------------------------------------------------------- /src/app/globals.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Freeman&family=Lexend:wght@100..900&family=Monda:wght@400..700&family=Paytone+One&family=Phetsarath:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap'); 2 | 3 | 4 | @tailwind base; 5 | @tailwind components; 6 | @tailwind utilities; 7 | 8 | 9 | 10 | 11 | .freeman { 12 | font-family: "Freeman", serif; 13 | font-weight: 400; 14 | font-style: normal; 15 | } 16 | 17 | /* .container { 18 | max-width: 100%; 19 | margin: 0 auto; 20 | padding: 1rem; 21 | } */ 22 | 23 | 24 | .monda { 25 | font-family: "Monda", serif; 26 | font-optical-sizing: auto; 27 | font-weight: 400; 28 | font-style: normal; 29 | } 30 | 31 | 32 | .bg { 33 | background: linear-gradient(96.79deg, #66974C -62.94%, #66974C -62.92%, rgba(102, 151, 76, 0.05) 54.42%, #66974C 174.24%); 34 | } 35 | 36 | .leave { 37 | box-sizing: border-box; 38 | 39 | width: 318.12px; 40 | height: 426.41px; 41 | left: 200.98px; 42 | top: 997px; 43 | background: #6A9A51; 44 | z-index: 10; 45 | 46 | border: 3px solid #0D2912; 47 | border-radius: 267.5px 0px; 48 | transform: rotate(42.13deg); 49 | } 50 | 51 | .roadmap { 52 | 53 | background: linear-gradient(98.27deg, #20672C -9.21%, #20672C -9.2%, rgba(32, 103, 44, 0.52) 46.61%, #20672C 103.61%); 54 | border-radius: 16px; 55 | } 56 | 57 | .cards { 58 | 59 | background: linear-gradient(96.79deg, #66974C -62.94%, #66974C -62.92%, rgba(102, 151, 76, 0.05) 54.42%, #66974C 174.24%); 60 | border-radius: 16px; 61 | 62 | } -------------------------------------------------------------------------------- /src/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import type { Metadata } from "next"; 2 | import { Geist, Geist_Mono } from "next/font/google"; 3 | import "./globals.css"; 4 | 5 | const geistSans = Geist({ 6 | variable: "--font-geist-sans", 7 | subsets: ["latin"], 8 | }); 9 | 10 | const geistMono = Geist_Mono({ 11 | variable: "--font-geist-mono", 12 | subsets: ["latin"], 13 | }); 14 | 15 | export const metadata: Metadata = { 16 | title: "Aipepe", 17 | description: "Generated by create next app", 18 | }; 19 | 20 | export default function RootLayout({ 21 | children, 22 | }: Readonly<{ 23 | children: React.ReactNode; 24 | }>) { 25 | return ( 26 | 27 | 30 | {children} 31 | 32 | 33 | ); 34 | } 35 | -------------------------------------------------------------------------------- /src/app/page.tsx: -------------------------------------------------------------------------------- 1 | import Navigation from "@/components/Reusable/Navigation"; 2 | import Heropage from "@/components/Hero" 3 | import Image from "next/image"; 4 | import Roadmap from "@/components/Roadmap"; 5 | import Footer from "@/components/Reusable/Footer"; 6 | import Utility from "@/components/Utility"; 7 | 8 | export default function Home() { 9 | return ( 10 |
11 | 12 | 13 | 14 | 15 |
17 | 18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /src/components/Hero.tsx: -------------------------------------------------------------------------------- 1 | import Image from 'next/image' 2 | import React from 'react' 3 | import Introduction from './Introduction' 4 | 5 | const Heropage = () => { 6 | return ( 7 |
8 |
9 | 10 |
11 | 12 |
13 |

AI-Driven Memes, Instant Laughter!

14 |

Join the meme-driven movement
where humor meets innovation

15 |
16 | 17 |
18 |
19 |
20 | 21 | 22 | 23 |
24 | 25 |
26 | ) 27 | } 28 | 29 | export default Heropage -------------------------------------------------------------------------------- /src/components/Introduction.tsx: -------------------------------------------------------------------------------- 1 | import Image from 'next/image' 2 | import React from 'react' 3 | 4 | const Introduction = () => { 5 | return ( 6 |
7 |
8 | 9 | {/*
10 |
*/} 11 |
12 |
13 |

Introduction

14 |

Just like the AIPEPE Coin, we’re here to celebrate the community and the fun that comes with memes, without the complexities of traditional utility. It’s all about being part of something exciting—whether you’re creating, sharing, or just enjoying the latest viral memes.

15 |
16 |
17 | ) 18 | } 19 | 20 | export default Introduction -------------------------------------------------------------------------------- /src/components/Reusable/Footer.tsx: -------------------------------------------------------------------------------- 1 | import Image from 'next/image' 2 | import React from 'react' 3 | 4 | const Footer = () => { 5 | return ( 6 |
7 |
8 |
9 |

Contact Us

10 |

Got questions?

11 |

We'd love to hear from you.

12 |
13 |

Reach out to us on:

14 | 15 |
16 |
17 | 18 |
19 |
20 |

©Aipepe2025. All Rights Reserved.

21 |
22 |
23 | ) 24 | } 25 | 26 | export default Footer -------------------------------------------------------------------------------- /src/components/Reusable/Navigation.tsx: -------------------------------------------------------------------------------- 1 | 2 | 'use client' 3 | import Image from 'next/image' 4 | import Link from 'next/link' 5 | import React, { useState } from 'react' 6 | import { FiMenu, FiX } from 'react-icons/fi' 7 | 8 | const Navigation = () => { 9 | const [active, setActive] = useState("home") 10 | const [menuOpen, setMenuOpen] = useState(false) 11 | 12 | const navs = [ 13 | { title: "Home", act: 'home', link: "#home" }, 14 | { title: "About", act: 'about', link: "#about" }, 15 | { title: "Roadmap", act: 'roadmap', link: "#roadmap" }, 16 | { title: "Tokenomics", act: 'token', link: "#tokenomics" }, 17 | ] 18 | 19 | return ( 20 | 68 | ) 69 | } 70 | 71 | export default Navigation 72 | -------------------------------------------------------------------------------- /src/components/Roadmap.tsx: -------------------------------------------------------------------------------- 1 | import Image from 'next/image' 2 | import React from 'react' 3 | 4 | const Roadmap = () => { 5 | return ( 6 |
7 | 8 |
9 |
10 |

Roadmap

11 |
12 | 13 |
14 |
15 |
1
16 |
17 |

Token launch and market listing on aggregators

18 |
19 |
20 |
2
21 |
22 |

Community growth with digital newsletters, Discord
groups, and listing on centralized exchanges.

23 |
24 |
25 |
3
26 |
27 |

Merchandise release and development of
additional tools for the community.

28 |
29 |
30 |
31 |
32 | 33 | 34 | 35 |
36 |
37 | ) 38 | } 39 | 40 | export default Roadmap -------------------------------------------------------------------------------- /src/components/Utility.tsx: -------------------------------------------------------------------------------- 1 | import Image from 'next/image' 2 | import React from 'react' 3 | 4 | const Utility = () => { 5 | return ( 6 |
7 |
8 |
9 |

No Utility, Just Memes

10 |

Similar to meme coins, the value we create comes not from practical use, but from the laughs and connections we build along the way. AI Pepe Meme thrives in the space where viral culture takes center stage, powered by your creativity and humor.

11 |
12 |
13 | 14 | 15 |
16 |
17 | 18 |
19 | 20 | 21 | 22 |

How to Buy?

23 |

Here are the steps to buy AI Pepe in
simple points

24 |
25 |
26 | 27 |
28 |
29 |

1

30 |
31 |

Set up a Wallet

32 |

Install MetaMask or
Trust Wallet and add
Ethereum (ETH)

33 |
34 |
35 |
36 | 37 |
38 |
39 |

2

40 |
41 |

Use a DEX

42 |

Connect your wallet
to a decentralized
exchange.

43 |
44 |
45 |
46 | 47 |
48 |
49 |

3

50 |
51 |

Swap ETH for AI Pepe

52 |

Find AI Pepe using its
contract address and
swap your ETH for it.

53 |
54 |
55 |
56 |
57 |
58 | 59 | 60 | 61 | 62 |
63 |
64 |

Tokenomics

65 |

Total Supply: Fixed token quantity.

66 |

Burn Mechanism: Tokens burned per
transaction, increasing scarcity.

67 |

Community-Driven: Relies on active
participation and meme culture.

68 | 69 |
70 | 71 |
72 |
73 |
74 | ) 75 | } 76 | 77 | export default Utility -------------------------------------------------------------------------------- /tailwind.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from "tailwindcss"; 2 | 3 | export default { 4 | content: [ 5 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", 6 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}", 7 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}", 8 | ], 9 | theme: { 10 | extend: { 11 | colors: { 12 | background: "var(--background)", 13 | foreground: "var(--foreground)", 14 | }, 15 | }, 16 | }, 17 | plugins: [], 18 | } satisfies Config; 19 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2017", 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 | "@/*": ["./src/*"] 23 | } 24 | }, 25 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 26 | "exclude": ["node_modules"] 27 | } 28 | --------------------------------------------------------------------------------