humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

git push

This commit is contained in:
amd123 2024-01-09 13:24:58 +07:00
parent 52306eda0d
commit 70b0422de3
34 changed files with 2184 additions and 213 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/layout.tsx
View File

@ -6,6 +6,7 @@ import { Providers } from "./providers";
import { Navbar } from "@/components/navbar";
import { Link } from "@nextui-org/link";
import clsx from "clsx";
import Image from "next/image";
export const metadata: Metadata = {
title: {
@ -39,21 +40,27 @@ export default function RootLayout({
)}
>
<Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
<div className="relative flex flex-col h-screen">
<div className=" ">
<Navbar />
<main className="container mx-auto max-w-7xl pt-16 px-6 flex-grow">
<main className=" w-screen pt-2 flex-grow">
{children}
</main>
<footer className="w-full flex items-center justify-center py-3">
<Link
isExternal
className="flex items-center gap-1 text-current"
href="https://nextui-docs-v2.vercel.app?utm_source=next-app-template"
title="nextui.org homepage"
>
<span className="text-default-600">Powered by</span>
<p className="text-primary">NextUI</p>
</Link>
<footer className="w-full flex items-center text-white justify-center space-x-9 font-semibold text-sm py-3 bg-[#1A328E] h-24">
<p>FAQ</p>
<p>ABOUT</p>
<p>TERM AND CONDITION</p>
<p>
<Image
src="/paslon01.png"
alt="logo"
width={100}
height={120}
/>
</p>
<p>PRIVACY POLICY</p>
<p>CONTACT US</p>
<p>LAPOR KAMPANYE</p>
</footer>
</div>
</Providers>

56
app/page.tsx
View File

@ -1,51 +1,15 @@
import { Link } from "@nextui-org/link";
import { Snippet } from "@nextui-org/snippet";
import { Code } from "@nextui-org/code"
import { button as buttonStyles } from "@nextui-org/theme";
import { siteConfig } from "@/config/site";
import { title, subtitle } from "@/components/primitives";
import { GithubIcon } from "@/components/icons";
import Banner from "@/components/landing/banner";
import Campaign from "@/components/landing/campaign";
import Headline from "@/components/landing/headline";
import VisiMisi from "@/components/landing/visi-misi";
export default function Home() {
return (
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
<div className="inline-block max-w-lg text-center justify-center">
<h1 className={title()}>Make&nbsp;</h1>
<h1 className={title({ color: "violet" })}>beautiful&nbsp;</h1>
<br />
<h1 className={title()}>
websites regardless of your design experience.
</h1>
<h2 className={subtitle({ class: "mt-4" })}>
Beautiful, fast and modern React UI library.
</h2>
</div>
<div className="flex gap-3">
<Link
isExternal
href={siteConfig.links.docs}
className={buttonStyles({ color: "primary", radius: "full", variant: "shadow" })}
>
Documentation
</Link>
<Link
isExternal
className={buttonStyles({ variant: "bordered", radius: "full" })}
href={siteConfig.links.github}
>
<GithubIcon size={20} />
GitHub
</Link>
</div>
<div className="mt-8">
<Snippet hideSymbol hideCopyButton variant="flat">
<span>
Get started by editing <Code color="primary">app/page.tsx</Code>
</span>
</Snippet>
</div>
</section>
<div>
<Banner />
<VisiMisi />
<Headline />
<Campaign />
</div>
);
}

51
components/landing/banner.tsx Normal file
View File

@ -0,0 +1,51 @@
'use client'
import Image from 'next/image';
import 'slick-carousel/slick/slick-theme.css';
import 'slick-carousel/slick/slick.css';
export default function Banner() {
const settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 3,
slidesToScroll: 3
};
return (
<div>
<div className='relative h-screen'>
<Image
src='/banner2.png'
alt='banner'
fill={true}
/>
</div>
{/* <div className='space-y-3'>
<div className='flex h-[231px] gap-3'>
<div className='w-[45%]'>
1
</div>
<div className='w-[15%]'>2</div>
<div className='w-[15%]'>3</div>
<div className='w-[25%]'>4</div>
</div>
<div className='flex h-[231px] gap-3'>
<div className='w-[25%]'>1</div>
<div className='w-[15%]'>2</div>
<div className='w-[35%]'>3</div>
<div className='w-[25%]'>4</div>
</div>
<div className='flex h-[231px] gap-3'>
<div className='w-[24%]'>1</div>
<div className='w-[18%]'>2</div>
<div className='w-[33%]'>3</div>
<div className='w-[25%]'>4</div>
</div>
</div> */}
{/* <div className='mx-10'> */}
{/* </div> */}
</div>
)
}

91
components/landing/campaign.tsx Normal file
View File

@ -0,0 +1,91 @@
import { Button } from '@nextui-org/button'
import { Card, CardBody, CardFooter } from '@nextui-org/react'
import Image from 'next/image'
import React from 'react'
export default function Campaign() {
return (
<div>
<div className='h-screen'>
<p className='text-3xl font-bold text-red-600 text-center pt-10'>Kampanye Daerah</p>
<div className='space-y-2 pt-10'>
<div className='flex justify-center gap-4 border-2'>
<Card className='h-[400px] w-[250px] overflow-hidden '>
<CardBody className="items-center ">
<Image
alt="Card background"
className="object-cover rounded-t-xl"
src="/vm1.jpg"
width={180}
height={200}
/>
</CardBody>
<CardFooter className='flex flex-col border overflow-hidden leading-tight p-0 items-start'>
<p className='text-xs'>03/01/2024 14:00 WIB</p>
<p className='leading-none'>MNC Penyelenggara Debat Capres, Timnas AMIN: Kita Tahu Ownernya Pendukung 03</p >
<p className='text-xs text-blue-800'>Lihat Selengkapnya</p>
</CardFooter>
</Card>
{/* <Card className="py-2 h-[420px] w-[300px]">
<CardBody className="overflow-visible py-2">
<Image
alt="Card background"
className="object-cover rounded-xl h-full"
src="/HL1.png"
width={270}
height={400}
/>
</CardBody>
<CardFooter className="pb-0 pt-2 px-4 flex-col items-start">
<p className="text-tiny uppercase font-bold">Daily Mix</p>
<small className="text-default-500">12 Tracks</small>
<h4 className="font-bold text-large">Frontend Radio</h4>
</CardFooter>
</Card>
<Card className="py-2 w-[270px]">
<CardBody className="overflow-visible py-2">
<Image
alt="Card background"
className="object-cover rounded-xl h-full"
src="/HL1.png"
width={270}
height={400}
/>
</CardBody>
<CardFooter className="pb-0 pt-2 px-4 flex-col items-start">
<p className="text-tiny uppercase font-bold">Daily Mix</p>
<small className="text-default-500">12 Tracks</small>
<h4 className="font-bold text-large">Frontend Radio</h4>
</CardFooter>
</Card>
<Card className="py-2 w-[270px]">
<CardBody className="overflow-visible py-2">
<Image
alt="Card background"
className="object-cover rounded-xl h-full"
src="/HL1.png"
width={270}
height={400}
/>
</CardBody>
<CardFooter className="pb-0 pt-2 px-4 flex-col items-start">
<p className="text-tiny uppercase font-bold">Daily Mix</p>
<small className="text-default-500">12 Tracks</small>
<h4 className="font-bold text-large">Frontend Radio</h4>
</CardFooter>
</Card> */}
</div>
<div className='flex justify-center pt-5'>
<Button
className='text-[#FF3900] font-bold border-[#FF3900]'
variant='bordered'
radius='full'
>
Lihat Selengkapnya
</Button>
</div>
</div>
</div>
</div>
)
}

104
components/landing/headline.tsx Normal file
View File

@ -0,0 +1,104 @@
'use client'
import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
import Image from 'next/image'
import React from 'react'
export default function Headline() {
return (
<div className='h-screen space-y-5 pt-10 bg-[#F1F4FE]'>
<div className='text-3xl font-bold z-10 text-black'>Headline News</div>
<div>
<div className="flex w-full flex-col">
<Tabs
aria-label="Options"
size='sm'
color='primary'
radius='full'
// disabledKeys={["audio", "foto", "teks"]}
>
<Tab key="audiovisual" title="Audio Visual">
<div className='flex'>
<Card className='bg-transparent'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/HL1.png"
height={900}
width={300}
/>
</CardBody>
</Card>
<Card className='bg-transparent'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/HL1.png"
height={900}
width={300}
/>
</CardBody>
</Card>
<Card className='bg-transparent'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/HL1.png"
height={900}
width={300}
/>
</CardBody>
</Card>
<Card className='bg-transparent'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/HL1.png"
height={900}
width={300}
/>
</CardBody>
</Card>
<Card className='bg-transparent'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/HL1.png"
height={900}
width={300}
/>
</CardBody>
</Card>
</div>
</Tab>
<Tab key="audio" title="Audio">
<Card>
<CardBody>
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 eu fugiat nulla pariatur.
</CardBody>
</Card>
</Tab>
<Tab key="foto" title="Foto">
<Card>
<CardBody>
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</CardBody>
</Card>
</Tab>
<Tab key="teks" title="Teks">
<Card>
<CardBody>
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</CardBody>
</Card>
</Tab>
</Tabs>
</div>
</div>
</div>
)
}

92
components/landing/visi-misi.tsx Normal file
View File

@ -0,0 +1,92 @@
import { Card, CardBody } from "@nextui-org/react";
import Image from "next/image";
export default function VisiMisi() {
return (
<div className='h-screen m-7'>
<div className='h-1/3 w-1/4 p-3 text-green-600'>
<p className='text-3xl font-bold'>Visi & Misi</p>
<p className='pt-3'>Setelah Perjalanan Panjang dari Aceh hingga Papua, lahirlah visi dengan semangat perubahan yang di impikan oleh jutaan rakyat: "Indonesia Makmur untuk Semua".</p>
</div>
<div className='h-2/3 flex gap-3 '>
<div className='w-1/4 my-auto'>
<Image
height={400}
width={400}
src='/frame.png'
alt='banner'
/>
</div>
<div className='w-3/4 flex gap-5 my-auto justify-center'>
<Card className="h-[420px] w-[300px]">
<CardBody>
<Image
alt="vm"
className="object-cover"
src="/vm1.jpg"
fill={true}
/>
</CardBody>
</Card>
<Card className="h-[420px] w-[300px]">
<CardBody>
<Image
alt="vm"
className="object-cover"
src="/vm2.jpg"
fill={true}
/>
</CardBody>
</Card>
<Card className="h-[420px] w-[300px]">
<CardBody>
<Image
alt="vm"
className="object-cover"
src="/vm3.jpg"
fill={true}
/>
</CardBody>
</Card>
{/* <div className='w-1/3'>
<Card className='bg-transparent'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/vm1.jpg"
height={900}
width={400}
/>
</CardBody>
</Card>
</div> */}
{/* <div className='w-1/3'>
<Card className='h-full'>
<CardBody>
<Image
alt="Card background"
className="object-fill rounded-xl"
src="/vm4.jpg"
fill={true}
/>
</CardBody>
</Card>
</div>
<div className='w-1/3'>
<Card className='h-full'>
<CardBody>
<Image
alt="Card background"
className="object-cover rounded-xl"
src="/vm2.jpg"
fill={true}
/>
</CardBody>
</Card>
</div> */}
</div>
</div>
</div>
)
}

144
components/navbar-copy.tsx Normal file
View File

@ -0,0 +1,144 @@
import {
Navbar as NextUINavbar,
NavbarContent,
NavbarMenu,
NavbarMenuToggle,
NavbarBrand,
NavbarItem,
NavbarMenuItem,
} from "@nextui-org/navbar";
import { Button } from "@nextui-org/button";
import { Kbd } from "@nextui-org/kbd";
import { Link } from "@nextui-org/link";
import { Input } from "@nextui-org/input";
import { link as linkStyles } from "@nextui-org/theme";
import { siteConfig } from "@/config/site";
import NextLink from "next/link";
import clsx from "clsx";
import { ThemeSwitch } from "@/components/theme-switch";
import {
TwitterIcon,
GithubIcon,
DiscordIcon,
HeartFilledIcon,
SearchIcon,
} from "@/components/icons";
import { Logo } from "@/components/icons";
export const Navbar = () => {
const searchInput = (
<Input
aria-label="Search"
classNames={{
inputWrapper: "bg-default-100",
input: "text-sm",
}}
endContent={
<Kbd className="hidden lg:inline-block" keys={["command"]}>
K
</Kbd>
}
labelPlacement="outside"
placeholder="Search..."
startContent={
<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
}
type="search"
/>
);
return (
<NextUINavbar maxWidth="xl" position="sticky">
<NavbarContent className="basis-1/5 sm:basis-full" justify="start">
<NavbarBrand as="li" className="gap-3 max-w-fit">
<NextLink className="flex justify-start items-center gap-1" href="/">
<Logo />
<p className="font-bold text-inherit">ACME</p>
</NextLink>
</NavbarBrand>
<ul className="hidden lg:flex gap-4 justify-start ml-2">
{siteConfig.navItems.map((item) => (
<NavbarItem key={item.href}>
<NextLink
className={clsx(
linkStyles({ color: "foreground" }),
"data-[active=true]:text-primary data-[active=true]:font-medium"
)}
color="foreground"
href={item.href}
>
{item.label}
</NextLink>
</NavbarItem>
))}
</ul>
</NavbarContent>
<NavbarContent
className="hidden sm:flex basis-1/5 sm:basis-full"
justify="end"
>
<NavbarItem className="hidden sm:flex gap-2">
<Link isExternal href={siteConfig.links.twitter} aria-label="Twitter">
<TwitterIcon className="text-default-500" />
</Link>
<Link isExternal href={siteConfig.links.discord} aria-label="Discord">
<DiscordIcon className="text-default-500" />
</Link>
<Link isExternal href={siteConfig.links.github} aria-label="Github">
<GithubIcon className="text-default-500" />
</Link>
<ThemeSwitch />
</NavbarItem>
<NavbarItem className="hidden lg:flex">{searchInput}</NavbarItem>
<NavbarItem className="hidden md:flex">
<Button
isExternal
as={Link}
className="text-sm font-normal text-default-600 bg-default-100"
href={siteConfig.links.sponsor}
startContent={<HeartFilledIcon className="text-danger" />}
variant="flat"
>
Sponsor
</Button>
</NavbarItem>
</NavbarContent>
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
<Link isExternal href={siteConfig.links.github} aria-label="Github">
<GithubIcon className="text-default-500" />
</Link>
<ThemeSwitch />
<NavbarMenuToggle />
</NavbarContent>
<NavbarMenu>
{searchInput}
<div className="mx-4 mt-2 flex flex-col gap-2">
{siteConfig.navMenuItems.map((item, index) => (
<NavbarMenuItem key={`${item}-${index}`}>
<Link
color={
index === 2
? "primary"
: index === siteConfig.navMenuItems.length - 1
? "danger"
: "foreground"
}
href="#"
size="lg"
>
{item.label}
</Link>
</NavbarMenuItem>
))}
</div>
</NavbarMenu>
</NextUINavbar>
);
};

65
components/navbar.tsx
View File

@ -1,33 +1,28 @@
import {
Navbar as NextUINavbar,
NavbarContent,
NavbarMenu,
NavbarMenuToggle,
NavbarBrand,
NavbarItem,
NavbarMenuItem,
} from "@nextui-org/navbar";
import { Button } from "@nextui-org/button";
import { Input } from "@nextui-org/input";
import { Kbd } from "@nextui-org/kbd";
import { Link } from "@nextui-org/link";
import { Input } from "@nextui-org/input";
import {
NavbarBrand,
NavbarContent,
NavbarItem,
NavbarMenu,
NavbarMenuItem,
NavbarMenuToggle,
Navbar as NextUINavbar,
} from "@nextui-org/navbar";
import { link as linkStyles } from "@nextui-org/theme";
import { siteConfig } from "@/config/site";
import NextLink from "next/link";
import clsx from "clsx";
import NextLink from "next/link";
import { ThemeSwitch } from "@/components/theme-switch";
import {
TwitterIcon,
GithubIcon,
DiscordIcon,
HeartFilledIcon,
SearchIcon,
SearchIcon
} from "@/components/icons";
import { ThemeSwitch } from "@/components/theme-switch";
import { Logo } from "@/components/icons";
import Image from "next/image";
export const Navbar = () => {
const searchInput = (
@ -56,16 +51,22 @@ export const Navbar = () => {
<NavbarContent className="basis-1/5 sm:basis-full" justify="start">
<NavbarBrand as="li" className="gap-3 max-w-fit">
<NextLink className="flex justify-start items-center gap-1" href="/">
<Logo />
<p className="font-bold text-inherit">ACME</p>
<Image
src="/paslon01.png"
alt="logo"
width={100}
height={100}
/>
</NextLink>
</NavbarBrand>
</NavbarContent>
<NavbarContent>
<ul className="hidden lg:flex gap-4 justify-start ml-2">
{siteConfig.navItems.map((item) => (
<NavbarItem key={item.href}>
<NextLink
className={clsx(
linkStyles({ color: "foreground" }),
linkStyles({ color: "primary" }),
"data-[active=true]:text-primary data-[active=true]:font-medium"
)}
color="foreground"
@ -83,7 +84,7 @@ export const Navbar = () => {
justify="end"
>
<NavbarItem className="hidden sm:flex gap-2">
<Link isExternal href={siteConfig.links.twitter} aria-label="Twitter">
{/* <Link isExternal href={siteConfig.links.twitter} aria-label="Twitter">
<TwitterIcon className="text-default-500" />
</Link>
<Link isExternal href={siteConfig.links.discord} aria-label="Discord">
@ -91,13 +92,13 @@ export const Navbar = () => {
</Link>
<Link isExternal href={siteConfig.links.github} aria-label="Github">
<GithubIcon className="text-default-500" />
</Link>
</Link> */}
<ThemeSwitch />
</NavbarItem>
<NavbarItem className="hidden lg:flex">{searchInput}</NavbarItem>
<NavbarItem className="hidden md:flex">
{/* <NavbarItem className="hidden lg:flex">{searchInput}</NavbarItem> */}
{/* <NavbarItem className="hidden md:flex">
<Button
isExternal
isExternal
as={Link}
className="text-sm font-normal text-default-600 bg-default-100"
href={siteConfig.links.sponsor}
@ -106,13 +107,13 @@ export const Navbar = () => {
>
Sponsor
</Button>
</NavbarItem>
</NavbarItem> */}
</NavbarContent>
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
<Link isExternal href={siteConfig.links.github} aria-label="Github">
{/* <Link isExternal href={siteConfig.links.github} aria-label="Github">
<GithubIcon className="text-default-500" />
</Link>
</Link> */}
<ThemeSwitch />
<NavbarMenuToggle />
</NavbarContent>
@ -127,8 +128,8 @@ export const Navbar = () => {
index === 2
? "primary"
: index === siteConfig.navMenuItems.length - 1
? "danger"
: "foreground"
? "danger"
: "foreground"
}
href="#"
size="lg"

36
config/site.ts
View File

@ -5,25 +5,25 @@ export const siteConfig = {
description: "Make beautiful websites regardless of your design experience.",
navItems: [
{
label: "Home",
label: "Giat Sepekan",
href: "/",
},
{
label: "Docs",
href: "/docs",
},
{
label: "Pricing",
href: "/pricing",
},
{
label: "Blog",
href: "/blog",
},
{
label: "About",
href: "/about",
}
{
label: "Lapor Kampanye",
href: "/docs",
},
{
label: "Update TPS",
href: "/pricing",
},
// {
// label: "Blog",
// href: "/blog",
// },
// {
// label: "About",
// href: "/about",
// }
],
navMenuItems: [
{
@ -64,6 +64,6 @@ export const siteConfig = {
twitter: "https://twitter.com/getnextui",
docs: "https://nextui.org",
discord: "https://discord.gg/9b6yyZKmH4",
sponsor: "https://patreon.com/jrgarciadev"
sponsor: "https://patreon.com/jrgarciadev"
},
};

1715
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
package.json
View File

@ -15,6 +15,7 @@
"@nextui-org/kbd": "2.0.25",
"@nextui-org/link": "2.0.26",
"@nextui-org/navbar": "2.0.27",
"@nextui-org/react": "^2.2.9",
"@nextui-org/snippet": "2.0.30",
"@nextui-org/switch": "2.0.25",
"@nextui-org/system": "2.0.15",
@ -24,17 +25,20 @@
"@types/node": "20.5.7",
"@types/react": "18.2.21",
"@types/react-dom": "18.2.7",
"@types/react-slick": "^0.23.13",
"autoprefixer": "10.4.16",
"clsx": "^2.0.0",
"eslint": "8.48.0",
"eslint-config-next": "14.0.2",
"framer-motion": "^10.16.4",
"framer-motion": "^10.17.9",
"intl-messageformat": "^10.5.0",
"next": "14.0.2",
"next-themes": "^0.2.1",
"postcss": "8.4.31",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-slick": "^0.29.0",
"slick-carousel": "^1.8.1",
"tailwind-variants": "^0.1.18",
"tailwindcss": "3.3.5",
"typescript": "5.0.4"

BIN
public/HL1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
public/anis1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/banner1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 460 KiB

BIN
public/banner2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
public/frame.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
public/headline1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
public/headline2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
public/headline3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
public/headline4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
public/headline5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
public/headlinebanner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
public/imin2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
public/kampanye1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
public/kampanye2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

BIN
public/kampanye3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
public/paslon01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 502 KiB

BIN
public/paslon101.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
public/vm1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
public/vm2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/vm3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
public/vm4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 MiB

4
styles/globals.css
View File

@ -1,3 +1,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* *{
border: 1px solid red;
} */

2
tailwind.config.js
View File

@ -1,4 +1,4 @@
import {nextui} from '@nextui-org/theme'
import { nextui } from '@nextui-org/theme'
/** @type {import('tailwindcss').Config} */
module.exports = {