diff --git a/package.json b/package.json index 537af0e..11b2295 100644 --- a/package.json +++ b/package.json @@ -9,19 +9,20 @@ "lint": "next lint" }, "dependencies": { + "next": "13.5.4", "react": "^18", "react-dom": "^18", - "next": "13.5.4" + "react-icons": "^4.11.0" }, "devDependencies": { - "typescript": "^5", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10", + "eslint": "^8", + "eslint-config-next": "13.5.4", "postcss": "^8", "tailwindcss": "^3", - "eslint": "^8", - "eslint-config-next": "13.5.4" + "typescript": "^5" } } diff --git a/public/home/first_banner.png b/public/home/first_banner.png new file mode 100644 index 0000000..559daf4 Binary files /dev/null and b/public/home/first_banner.png differ diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..d4eaafc Binary files /dev/null and b/public/logo.png differ diff --git a/public/logo_title.png b/public/logo_title.png new file mode 100644 index 0000000..fc5e9d9 Binary files /dev/null and b/public/logo_title.png differ diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 718d6fe..c608489 100644 Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ diff --git a/src/app/page.tsx b/src/app/page.tsx index e38c626..75fb2ca 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,113 +1,151 @@ -import Image from 'next/image' +/* eslint-disable @next/next/no-img-element */ +import Image from "next/image"; +import Link from "next/link"; +import { + BsBookFill, + BsCardChecklist, + BsClipboardFill, + BsClock, + BsClockFill, + BsFacebook, + BsFillBookFill, + BsInstagram, + BsSearch, + BsShieldFillCheck, + BsTwitter, +} from "react-icons/bs"; +import {BiLogoFacebook} from "react-icons/bi"; export default function Home() { - return ( -
-
-

- Get started by editing  - src/app/page.tsx -

-
- - By{' '} - Vercel Logo - -
-
- -
- Next.js Logo -
- -
- -

- Docs{' '} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - - -

- Learn{' '} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{' '} - - -> - -

-

- Explore the Next.js 13 playground. -

- - - -

- Deploy{' '} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
- ) + return ( +
+
+ EnCoach logo +
+ + Home + + + Services + + + About us + + + History + + + Contact + +
+
+ + Join + +
+
+
+ IELTS Packages - Together we prepare for the future + + + +
+
+
+
+ +
+
+ Placeholder + Sit accusamus maxime maiores rerum cupiditate dolorum inventore. +
+
+
+
+ +
+
+ Placeholder + Sit accusamus maxime maiores rerum cupiditate dolorum inventore. +
+
+
+
+ +
+
+ Placeholder + Sit accusamus maxime maiores rerum cupiditate dolorum inventore. +
+
+
+
+ +
+
+ Placeholder + Sit accusamus maxime maiores rerum cupiditate dolorum inventore. +
+
+
+
+
+
+ Navigation +
+ Why us + Capabilities + Expertise + History + Contact +
+
+
+ Services +
+ EnCoach benefits + Student testimonials +
+
+
+ About +
+ Terms and Conditions + Privacy Policy + About +
+
+
+ Get in Touch +
+ + Stay connected with us and know the latest updates about our services through various social media + +
+ + + + + + + + + +
+
+
+
+ +
+ ); } diff --git a/tailwind.config.ts b/tailwind.config.ts index 1af3b8f..d5fe905 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -1,20 +1,57 @@ -import type { Config } from 'tailwindcss' +import type {Config} from "tailwindcss"; const config: Config = { - content: [ - './src/pages/**/*.{js,ts,jsx,tsx,mdx}', - './src/components/**/*.{js,ts,jsx,tsx,mdx}', - './src/app/**/*.{js,ts,jsx,tsx,mdx}', - ], - theme: { - extend: { - backgroundImage: { - 'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))', - 'gradient-conic': - 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))', - }, - }, - }, - plugins: [], -} -export default config + content: ["./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}"], + theme: { + extend: { + backgroundImage: { + "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", + "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", + }, + colors: { + mti: { + orange: {DEFAULT: "#FF6000", dark: "#cc4402", light: "#ff790a", ultralight: "#ffdaa5"}, + green: {DEFAULT: "#307912", dark: "#2a6014", light: "#3d9f11", ultralight: "#c6edaf"}, + purple: {DEFAULT: "#6A5FB1", dark: "#6354A1", light: "#7872BF", ultralight: "#D5D9F0"}, + red: {DEFAULT: "#BB4747", dark: "#9D3838", light: "#CC5454", ultralight: "#F5D3D3"}, + rose: {DEFAULT: "#D6352C", dark: "#B42921", light: "#EB5C54", ultralight: "#FCCFCC"}, + blue: {DEFAULT: "#0696ff", dark: "#007ff8", light: "#1eb3ff", ultralight: "#b5edff"}, + white: {DEFAULT: "#ffffff", alt: "#FDFDFD"}, + gray: { + seasalt: "#F9F9F9", + smoke: "#F5F5F5", + taupe: "#898492", + dim: "#696F79", + cool: "#8692A6", + platinum: "#DBDBDB", + "anti-flash": "#EAEBEC", + davy: "#595959", + }, + black: "#353338", + }, + ielts: { + reading: {DEFAULT: "#1EB3FF", light: "#F0F9FF", transparent: "rgba(255, 99, 132, 0.5)"}, + listening: {DEFAULT: "#FF790A", light: "#FFF1E5", transparent: "rgba(54, 162, 235, 0.5)"}, + writing: {DEFAULT: "#3D9F11", light: "#E8FCDF", transparent: "rgba(255, 206, 86, 0.5)"}, + speaking: {DEFAULT: "#EF5DA8", light: "#FEF6FA", transparent: "rgba(75, 192, 192, 0.5)"}, + }, + }, + inset: { + "1/6": "16%", + "1/8": "12%", + "1/10": "10%", + "1/12": "8%", + }, + screens: { + "-sm": {max: "639px"}, + "-md": {max: "767px"}, + "-lg": {max: "1023px"}, + "-xl": {max: "1279px"}, + "-2xl": {max: "1535px"}, + "-3xl": {max: "1919px"}, + }, + }, + }, + plugins: [], +}; +export default config; diff --git a/yarn.lock b/yarn.lock index f029d1a..3d0913f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1944,6 +1944,11 @@ react-dom@^18: loose-envify "^1.1.0" scheduler "^0.23.0" +react-icons@^4.11.0: + version "4.11.0" + resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.11.0.tgz#4b0e31c9bfc919608095cc429c4f1846f4d66c65" + integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA== + react-is@^16.13.1: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"