From 2f533a14b8240c05536b0878cf89ae5f24abe53a Mon Sep 17 00:00:00 2001 From: Zubair Mughal Date: Thu, 28 Mar 2024 20:46:22 -0500 Subject: [PATCH] more changes --- app/page.tsx | 102 ++++++++++++++++++++++++++++++- components/carousel.tsx | 74 +++++++++++++++++----- media/HQALogo.png | Bin 0 -> 31807 bytes media/boy_homePage_circle.png | Bin 0 -> 190660 bytes media/girl_homePage_circle.png | Bin 0 -> 201909 bytes media/ilmLogo.png | Bin 0 -> 3359 bytes media/imanAcademy.png | Bin 0 -> 29543 bytes media/parent_homePage_circle.png | Bin 0 -> 147430 bytes media/step1.svg | 7 +++ media/step2.svg | 5 ++ media/step3.svg | 5 ++ media/step4.svg | 5 ++ 12 files changed, 181 insertions(+), 17 deletions(-) create mode 100644 media/HQALogo.png create mode 100644 media/boy_homePage_circle.png create mode 100644 media/girl_homePage_circle.png create mode 100644 media/ilmLogo.png create mode 100644 media/imanAcademy.png create mode 100644 media/parent_homePage_circle.png create mode 100644 media/step1.svg create mode 100644 media/step2.svg create mode 100644 media/step3.svg create mode 100644 media/step4.svg diff --git a/app/page.tsx b/app/page.tsx index e19901603..08de02f2d 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,8 +1,16 @@ +import { Carousel } from 'components/carousel'; import Footer from 'components/layout/footer'; import Image from 'next/image'; import { Suspense } from 'react'; +import circle2 from '../media/boy_homePage_circle.png'; +import circle3 from '../media/girl_homePage_circle.png'; import HomePageBlob from '../media/homePage_blob.svg'; import littlePerson from '../media/little_person_homePage.png'; +import circle1 from '../media/parent_homePage_circle.png'; +import step1 from '../media/step1.svg'; +import step2 from '../media/step2.svg'; +import step3 from '../media/step3.svg'; +import step4 from '../media/step4.svg'; export const runtime = 'edge'; export const metadata = { @@ -17,7 +25,7 @@ export default async function HomePage() { <> {/* */} - {/* */} + {/*TopSection*/}{' '}

@@ -46,7 +54,99 @@ export default async function HomePage() {

+ {/*How It Works */}{' '} +
+

How it works

+
+
+ Step 1 +

Step 1

+

+ We collect grade-specific supply lists from schools and create custom pre-packaged + school kits. +

+
+
+ Step 2 +

Step 2

+

Parents conveniently buy their child a School Kit with a click of a button.

+
+
+ Step 3 +

Step 3

+

Our team delivers directly to your classroom. No need for pickup.

+
+
+ Step 4 +

Step 4

+

+ Send your child to school confidently knowing they have everything needed for + learning. +

+
+
+
+ {/* Why Choose SchoolKits section */} +
+
+
+ {/* Image container - adjust the positioning as needed */} +
+ {/* These images should be positioned absolutely within this relative container as per your design */} + Photo 1 + Photo 2 + Photo 3 + {/* Add more images as needed */} +
+
+
+

Why Choose SchoolKits?

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum dolore. +

+
    + {/* Repeat this structure for each bullet point */} +
  • Lorem ipsum dolor sit amet
    • +
  • Lorem ipsum dolor sit amet
    • +
  • Lorem ipsum dolor sit amet
    • +
  • Lorem ipsum dolor sit amet
    • +
  • Lorem ipsum dolor sit amet
    • + {/* ... */} +
+
+
+
+
+

Parents love us

+ +