-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
14b7654
commit 1246e96
Showing
12 changed files
with
10,140 additions
and
2,877 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| # This configuration file was automatically generated by Gitpod. | ||
| # Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml) | ||
| # and commit this file to your remote git repository to share the goodness with others. | ||
|
|
||
| # Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart | ||
|
|
||
| tasks: | ||
| - init: npm install && npm run build | ||
| command: npm run start | ||
|
|
||
|
|
Large diffs are not rendered by default.
Oops, something went wrong.
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,22 +1,38 @@ | ||
|
|
||
| import { AppProps } from 'next/app'; | ||
| import Head from 'next/head'; | ||
| import { MantineProvider } from '@mantine/core'; | ||
| import RootLayout from "@/src/layouts/routLayout"; | ||
| import Navbar from "@/src/components/navbar"; | ||
| import Footer from "@/src/components/footer"; | ||
| import "@/styles/globals.css"; | ||
| import Head from "next/head"; | ||
|
|
||
| export default function App({ Component, pageProps }) { | ||
| return ( | ||
| <> | ||
| <Head> | ||
| export default function App(props) { | ||
| const { Component, pageProps } = props; | ||
|
|
||
| return ( | ||
| <> | ||
| <Head> | ||
| <title>Page title</title> | ||
| <meta charSet="UTF-8" /> | ||
| <meta httpEquiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| </Head> | ||
| </Head> | ||
|
|
||
| <MantineProvider | ||
| withGlobalStyles | ||
| withNormalizeCSS | ||
| theme={{ | ||
| /** Put your mantine theme override here */ | ||
| colorScheme: 'light', | ||
| }} | ||
| > | ||
| <RootLayout> | ||
| <Navbar /> | ||
| <Component {...pageProps} /> | ||
| <Footer /> | ||
| </RootLayout> | ||
| </> | ||
| ); | ||
| } | ||
| </MantineProvider> | ||
| </> | ||
| ); | ||
| } |
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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,48 @@ | ||
| import { createStyles, Avatar, Text, Group } from '@mantine/core'; | ||
| import { IconPhoneCall, IconAt } from '@tabler/icons-react'; | ||
|
|
||
| const useStyles = createStyles((theme) => ({ | ||
| icon: { | ||
| color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5], | ||
| }, | ||
|
|
||
| name: { | ||
| fontFamily: `Greycliff CF, ${theme.fontFamily}`, | ||
| }, | ||
| })); | ||
|
|
||
|
|
||
| export function UserInfoIcons({ avatar, name, title, phone, email }) { | ||
| const { classes } = useStyles(); | ||
| return ( | ||
| <div> | ||
| <Group noWrap> | ||
| <Avatar src={avatar} size={80} radius="md" /> | ||
| <div> | ||
| <Text fz="xs" tt="uppercase" fw={700} c="dimmed"> | ||
| {title} | ||
| </Text> | ||
|
|
||
| <Text fz="lg" fw={500} className={classes.name}> | ||
| {name} | ||
| </Text> | ||
|
|
||
| <Group noWrap spacing={10} mt={3}> | ||
| <IconAt stroke={1.5} size="1rem" className={classes.icon} /> | ||
| <Text fz="xs" c="dimmed"> | ||
| {email} | ||
| </Text> | ||
| </Group> | ||
|
|
||
| <Group noWrap spacing={10} mt={5}> | ||
| <IconPhoneCall stroke={1.5} size="1rem" className={classes.icon} /> | ||
| <Text fz="xs" c="dimmed"> | ||
| {phone} | ||
| </Text> | ||
| </Group> | ||
|
|
||
| </div> | ||
| </Group> | ||
| </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 |
|---|---|---|
| @@ -1,7 +1,10 @@ | ||
| import styles from "@/styles/Home.module.css"; | ||
| import { UserInfoIcons } from "./foot"; | ||
|
|
||
| const Footer = () => { | ||
| return <footer className={styles.nav}>Footer</footer>; | ||
| return <footer className={styles.footer} style={{display: "flex", justifyContent: "center", border: "1px solid black"}}> | ||
| <UserInfoIcons avatar={"/logo.jpg"} name={"internationamb"} title={"beauty and health"} phone={"0777209008"} email={"[email protected]"}/> | ||
| </footer>; | ||
| { | ||
| /* TODO add contact developer */ | ||
| } | ||
|
|
||
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,128 @@ | ||
| import { useState } from 'react'; | ||
| import Link from 'next/link'; | ||
| import Image from 'next/image'; | ||
| import { | ||
| createStyles, | ||
| Header, | ||
| Container, | ||
| Group, | ||
| Burger, | ||
| Paper, | ||
| Transition, | ||
| rem, | ||
| } from '@mantine/core'; | ||
| import { useDisclosure } from '@mantine/hooks'; | ||
|
|
||
| const HEADER_HEIGHT = rem(60); | ||
|
|
||
| const useStyles = createStyles((theme) => ({ | ||
| root: { | ||
| position: 'relative', | ||
| zIndex: 1, | ||
| }, | ||
|
|
||
| dropdown: { | ||
| position: 'absolute', | ||
| top: HEADER_HEIGHT, | ||
| left: 0, | ||
| right: 0, | ||
| zIndex: 0, | ||
| borderTopRightRadius: 0, | ||
| borderTopLeftRadius: 0, | ||
| borderTopWidth: 0, | ||
| overflow: 'hidden', | ||
|
|
||
| [theme.fn.largerThan('sm')]: { | ||
| display: 'none', | ||
| }, | ||
| }, | ||
|
|
||
| header: { | ||
| display: 'flex', | ||
| justifyContent: 'space-between', | ||
| alignItems: 'center', | ||
| height: '100%', | ||
| }, | ||
|
|
||
| links: { | ||
| [theme.fn.smallerThan('xs')]: { | ||
| display: 'none', | ||
| }, | ||
| }, | ||
|
|
||
| burger: { | ||
| [theme.fn.largerThan('xs')]: { | ||
| display: 'none', | ||
| }, | ||
| }, | ||
|
|
||
| link: { | ||
| display: 'block', | ||
| lineHeight: 1, | ||
| padding: `${rem(8)} ${rem(12)}`, | ||
| borderRadius: theme.radius.sm, | ||
| textDecoration: 'none', | ||
| color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7], | ||
| fontSize: theme.fontSizes.sm, | ||
| fontWeight: 500, | ||
|
|
||
| '&:hover': { | ||
| backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.teal[1] | ||
| }, | ||
|
|
||
| [theme.fn.smallerThan('sm')]: { | ||
| borderRadius: 0, | ||
| padding: theme.spacing.md, | ||
| }, | ||
| }, | ||
|
|
||
| linkActive: { | ||
| '&, &:hover': { | ||
| backgroundColor: theme.fn.variant({ variant: 'light', color: theme.colors.teal[1] }).background, | ||
| color: theme.fn.variant({ variant: 'light', color: theme.colors.teal[1] }).color, | ||
| }, | ||
| }, | ||
| })); | ||
|
|
||
|
|
||
| export function HeaderResponsive({ links }) { | ||
| const [opened, { toggle, close }] = useDisclosure(false); | ||
| const [active, setActive] = useState(links[0].link); | ||
| const { classes, cx } = useStyles(); | ||
|
|
||
| const items = links.map((link) => ( | ||
| <Link | ||
| key={link.label} | ||
| href={link.link} | ||
| className={cx(classes.link, { [classes.linkActive]: active === link.link })} | ||
| onClick={(event) => { | ||
| setActive(link.link); | ||
| close(); | ||
| }} | ||
| > | ||
| {link.label} | ||
| </Link> | ||
| )); | ||
|
|
||
| return ( | ||
| <Header height={HEADER_HEIGHT} className={classes.root} > | ||
| <Container className={classes.header}> | ||
| <Link href={"/"}><Image src={"/logo.jpg"} width={50} height={50} /></Link> | ||
|
|
||
| <Group spacing={5} className={classes.links}> | ||
| {items} | ||
| </Group> | ||
|
|
||
| <Burger opened={opened} onClick={toggle} className={classes.burger} size="sm" /> | ||
|
|
||
| <Transition transition="pop-top-right" duration={200} mounted={opened}> | ||
| {(styles) => ( | ||
| <Paper className={classes.dropdown} withBorder style={styles}> | ||
| {items} | ||
| </Paper> | ||
| )} | ||
| </Transition> | ||
| </Container> | ||
| </Header> | ||
| ); | ||
| } |
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.