-
Notifications
You must be signed in to change notification settings - Fork 27
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #11 from iAbhinav/main
Created v1 of the landing page
- Loading branch information
Showing
18 changed files
with
731 additions
and
118 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,28 @@ | ||
|
|
||
|
|
||
| import HeroFirst from "@/components/hero-section/hero-first"; | ||
| import NavBar from "@/components/nav/nav-bar"; | ||
| import WaitingForm from "@/components/waitinglist/WaitingForm"; | ||
|
|
||
| export default function Home() { | ||
| return ( | ||
| <main> | ||
| <p>this is the home page</p> | ||
| <main style={{ | ||
| // backgroundImage: `url('/background/white-grid.jpg')`, | ||
| backgroundRepeat: 'round', | ||
| }} | ||
| className="h-[100vh] bg-black"> | ||
| <NavBar></NavBar> | ||
| <div className="container mx-auto h-full flex flex-col lg:flex-row items-center justify-between"> | ||
| <div className="w-full h-full align-middle lg:w-1/2 "> | ||
| <HeroFirst></HeroFirst> | ||
| </div> | ||
| <div className="w-full lg:w-1/2 flex justify-center lg:justify-end"> | ||
| {/* <img src="/path-to-your-image.jpg" alt="Hero Image" className="w-full lg:w-3/4 h-auto" /> */} | ||
| <WaitingForm></WaitingForm> | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
||
| </main> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| "use client" | ||
| import { Label } from "@radix-ui/react-label"; | ||
| import { Button } from "../ui/button"; | ||
|
|
||
| export default function HeroFirst() { | ||
| return <> | ||
| <div className="flex flex-col h-full items-start space-y-2 justify-center"> | ||
| <Label className="text-white text-5xl">go from</Label> | ||
| <Label className="text-white text-7xl">zero to 1st <b> podcast</b></Label> | ||
| <Label className="text-white text-3xl">& beyond 🚀</Label> | ||
| <Label className="text-white text-xl pt-[40px]">with our Ready to Shoot, Hospitality Centric</Label> | ||
| <Label className="text-white text-xl ">Managed Podcast Studio.</Label> | ||
| <div className="pt-[40px]"> | ||
| <Button>Start Podcasting, Instantly!</Button> | ||
| </div> | ||
| </div> | ||
| </> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,127 @@ | ||
| "use client" | ||
|
|
||
| import { Button } from "@/components/ui/button" | ||
| import { NavigationMenu, NavigationMenuList } from "@/components/ui/navigation-menu" | ||
| import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet" | ||
| import { Label } from "@radix-ui/react-label" | ||
|
|
||
| import { JSX, SVGProps } from "react" | ||
|
|
||
| export default function NavBar() { | ||
|
|
||
| const links = [ | ||
| { | ||
| name: "Home", | ||
| onClick: () => { | ||
| console.log("Home goo") | ||
| }, | ||
| route: '/' | ||
| }, | ||
| { | ||
| name: "Get Sponsored 🤑", | ||
| onClick: () => { | ||
| console.log("Contact") | ||
| }, | ||
| route: '/get-sponsored' | ||
| }, | ||
| { | ||
| name: "Contact", | ||
| onClick: () => { | ||
| console.log("Contact") | ||
| }, | ||
| route: '/contact' | ||
| } | ||
| ] | ||
|
|
||
|
|
||
|
|
||
|
|
||
| return ( | ||
| <header className="flex h-18 w-full shrink-0 items-center px-0 bg-black | ||
| border-main border-dashed border-b-[1px]"> | ||
| <Sheet> | ||
| <SheetTrigger asChild> | ||
| <Button className="lg:hidden w-20 mr-4 ml-4 border-x-2" size="icon"> | ||
| <MenuIcon className="h-6 w-6" /> | ||
| <span className="sr-only">Toggle navigation menu</span> | ||
| </Button> | ||
| </SheetTrigger> | ||
| <SheetContent className="bg-white" side="left"> | ||
| <div className="flex items-center justify-between gap-2 px-4 py-4 lg:hidden"> | ||
| <img src="/logo/logo-white-bg-150-80.png"></img> | ||
|
|
||
| </div> | ||
| <div className="grid gap-4 py-6"> | ||
| {links.map((key, index) => ( | ||
| <Button className="justify-start w-full text-left px-4" | ||
| onClick={links[index].onClick} | ||
| variant='link' key={index}>{links[index].name}</Button> | ||
| ))} | ||
| </div> | ||
| </SheetContent> | ||
| </Sheet> | ||
|
|
||
| <div className="flex w-full bg-black"> | ||
| <Label className="flex border-x-0 h-[76px] justify-center | ||
| text-4xl lg:px-16 sm:px-5 px-6 text-white border-r-[1px] border-main border-dashed" | ||
| style={{ | ||
|
|
||
| fontWeight: "650", | ||
| letterSpacing: "-3.5px", | ||
| // textShadow: "-2px 2px 0 white", | ||
| textShadow: "2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 5px 4px 0 ", | ||
| fontFamily: "poppins", | ||
| justifyContent: "center", | ||
| display: "flex", | ||
| flexDirection: "column" | ||
| }}>copod</Label> | ||
| </div> | ||
| <div className="flex-1 hidden lg:flex justify-end"> | ||
| <NavigationMenu> | ||
| <NavigationMenuList> | ||
|
|
||
| {links.map((link, index) => ( | ||
| <Button | ||
| variant='link' | ||
| className={`text-xl h-[72px] px-10 text-white border-r-[1px] border-main border-dashed`} | ||
| onClick={link.onClick} | ||
| key={index} | ||
| > | ||
| {link.name} | ||
| </Button> | ||
| ))} | ||
| </NavigationMenuList> | ||
| </NavigationMenu> | ||
| </div> | ||
| <div className="flex justify-end"> | ||
|
|
||
| <Button className="mx-10 lg:size-lg sm:size-sm" | ||
| > | ||
| Book Now! | ||
| </Button> | ||
| </div> | ||
| </header> | ||
| ) | ||
| } | ||
|
|
||
| function MenuIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) { | ||
| return ( | ||
| <svg | ||
| {...props} | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| width="24" | ||
| height="24" | ||
| viewBox="0 0 24 24" | ||
| fill="none" | ||
| stroke="currentColor" | ||
| strokeWidth="2" | ||
| strokeLinecap="round" | ||
| strokeLinejoin="round" | ||
| > | ||
| <line x1="4" x2="20" y1="12" y2="12" /> | ||
| <line x1="4" x2="20" y1="6" y2="6" /> | ||
| <line x1="4" x2="20" y1="18" y2="18" /> | ||
| </svg> | ||
| ) | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.