Merge pull request #9 from ETLOnline/feature/ui-hanzla

feat(ui): home page design
ETLOnline · Dec 7, 2024 · 284148a · 284148a
2 parents 5f5c744 + 058ce98
commit 284148a
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 8 deletions.
diff --git a/public/ux.svg → public/images/home/ux.svg b/public/ux.svg → public/images/home/ux.svg
diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
@@ -1,17 +1,20 @@
 import Footer from '@/src/components/HomeLayoutComponents/FooterComponent'
 import Header from '@/src/components/HomeLayoutComponents/HeaderComponent'
 import React, { ReactNode } from 'react'
+import './style.css'
 
 
 
 
 const PublicLayout = ({ children }: { children: ReactNode }) => {
   return (
     <>
-     <Header />
-      {children}
+      <Header />
+      <div className="content">
+        {children}
+      </div>
       <Footer />
-      
+
     </>
   )
 }

diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
@@ -1,4 +1,4 @@
-import './home.css'
+import './style.css'
 import { Button } from "@/src/components/ui/button";
 import { Avatar, AvatarFallback, AvatarImage } from "@/src/components/ui/avatar";
 import { Carousel, CarouselContent, CarouselItem } from "@/src/components/ui/carousel";
@@ -14,7 +14,7 @@ export default function Home() {
       <div className="hero">
         <Container>
           <div className='flex items-center justify-center h-screen w-full '>
-            <div className="content ">
+            <div className="hero-content ">
               <h1 className="Main-Heading">Find and Book a Mentor for your 1:1 help today!</h1>
               <p>We have our 200 Mentor available, qualified in over 300 subjects</p>
               <Button size={'lg'} variant={'outline'} width={'fit'} >Find a Mentor</Button>

diff --git a/src/app/(home)/home.css → src/app/(home)/style.css b/src/app/(home)/home.css → src/app/(home)/style.css
@@ -1,7 +1,10 @@
+.content{
+    @apply w-full 
+}
 .hero{
     @apply  w-full   h-screen  bg-home-secondary
 }
-.content{
+.hero-content{
     @apply w-full text-center md:text-left md:w-5/12 flex flex-col gap-8
 }
 .Main-Heading{

diff --git a/src/components/HomeLayoutComponents/FooterComponent.tsx b/src/components/HomeLayoutComponents/FooterComponent.tsx
@@ -3,7 +3,7 @@ import './footer.css'
 import Link from 'next/link'
 import { Facebook, Instagram, Linkedin, Twitter } from 'lucide-react'
 import { Separator } from '@/src/components/ui/separator'
-import Navbaritems from '../NavBar/NAvbarItems'
+import Navbaritems from '../NavBar/NavbarItem'
 
 
 function Footer() {

diff --git a/src/components/NavBar/NavbarComponent.tsx b/src/components/NavBar/NavbarComponent.tsx
@@ -4,7 +4,7 @@ import './navbar.css'
 import { Sheet, SheetContent, SheetTrigger } from '../ui/sheet'
 import { Button } from '../ui/button'
 import { HamIcon, Menu } from 'lucide-react'
-import Navbaritems from './NAvbarItems'
+import Navbaritems from './NavbarItem'
 
 function Navbar() {
 

diff --git a/src/components/NavBar/NavbarItems.tsx → src/components/NavBar/NavbarItem.tsx b/src/components/NavBar/NavbarItems.tsx → src/components/NavBar/NavbarItem.tsx