Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ea692fcb51 | |||
| e4488f4e83 | |||
| 70fe3fd6e8 | |||
| 175157775a | |||
| 6040b4a59a |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Roboto } from "next/font/google";
|
import { Roboto } from "next/font/google";
|
||||||
|
import { Press_Start_2P } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,11 +21,8 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const roboto = Roboto({
|
|
||||||
variable: "--font-roboto",
|
const pressStart = Press_Start_2P({ variable: "--font-pixel", subsets: ["latin"], weight: ["400"] });
|
||||||
subsets: ["latin"],
|
|
||||||
weight: ["100", "300", "400", "500", "700", "900"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
@@ -34,7 +32,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${roboto.variable} antialiased`}>
|
<body className={`${pressStart.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ export default function LandingPage() {
|
|||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="diagonal-gradient"
|
primaryButtonStyle="diagonal-gradient"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="semibold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
@@ -54,6 +54,8 @@ export default function LandingPage() {
|
|||||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-coffee-cup-open-laptop-white-background_23-2148178591.jpg", imageAlt: "Hero Creative 4" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/red-coffee-cup-open-laptop-white-background_23-2148178591.jpg", imageAlt: "Hero Creative 4" },
|
||||||
]}
|
]}
|
||||||
buttons={[{ text: "View Projects", href: "#features" }]}
|
buttons={[{ text: "View Projects", href: "#features" }]}
|
||||||
|
titleClassName="font-mono uppercase tracking-tighter text-5xl font-bold"
|
||||||
|
descriptionClassName="font-sans text-base"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-roboto), sans-serif;
|
font-family: var(--font-pixel), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-roboto), sans-serif;
|
font-family: var(--font-pixel), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user