Merge pull request #35 from fac29/landing

Landing Page
fac29 · Jul 29, 2024 · 261af5c · 261af5c
2 parents 1b804e8 + f9e496d
commit 261af5c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 24 deletions.
diff --git a/app/landing/page.tsx b/app/landing/page.tsx
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,26 +1,35 @@
-import { ModeToggle } from '@/components/modetoggle';
-import { Button } from '@/components/ui/button';
+import { ModeToggle } from "@/components/modetoggle";
+import { Button } from "@/components/ui/button";
 import {
 	Accordion,
 	AccordionContent,
 	AccordionItem,
 	AccordionTrigger,
-} from '@/components/ui/accordion';
+} from "@/components/ui/accordion";
 
 //import Image from 'next/image';
 
 export default function Home() {
 	return (
-		<div className='flex min-h-screen flex-col items-center justify-between p-24'>
-			<div>
+		<div className="flex min-h-screen flex-col items-center justify-between">
+			<img
+				className="p-4 m-2 w-1/2 w-500 transition-transform duration-1000 hover:scale-105 hover:brightness-105"
+				src="The-Norm_Wheel_MAIN_All-Colours_1.svg"
+				alt=""
+			/>
+			<h1 className="text-3xl font-bold mb-8 text-gray-800">the norm</h1>
+			<h2>find and nourish yours now</h2>
+			{/* <img src="The-Norm_Wheel_WHITE 1.jpg" alt="" /> */}
+
+			{/* <div>
 				<ModeToggle />
-			</div>
+			</div> */}
 			<div>
-				<Button variant='default'>Hello</Button>
+				<Button variant="default">Start now..</Button>
 			</div>
 			<div>
-				<Accordion type='single' collapsible>
-					<AccordionItem value='item-1'>
+				<Accordion type="single" collapsible>
+					<AccordionItem value="item-1">
 						<AccordionTrigger>Is it accessible?</AccordionTrigger>
 						<AccordionContent>
 							Yes. It adheres to the WAI-ARIA design pattern.