8.0 KiB
8.0 KiB
───────┬─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
│ STDIN
───────┼─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
1 │ --- FILE: app/page.tsx ---
2 │ import { Navigation } from "@/components/navigation"
3 │ import { ScrollProgress } from "@/components/scroll-progress"
4 │ import { ScrollToSection } from "@/components/scroll-to-section"
5 │ import { HeroSection } from "@/components/hero-section"
6 │ import { ArtistsSection } from "@/components/artists-section"
7 │ import { ServicesSection } from "@/components/services-section"
8 │ import { ContactSection } from "@/components/contact-section"
9 │ import { Footer } from "@/components/footer"
10 │
11 │ export default function HomePage() {
12 │ return (
13 │ <main className="min-h-screen">
14 │ <ScrollProgress />
15 │ <ScrollToSection />
16 │ <Navigation />
17 │ <div id="home">
18 │ <HeroSection />
19 │ </div>
20 │ <div id="artists">
21 │ <ArtistsSection />
22 │ </div>
23 │ <div id="services">
24 │ <ServicesSection />
25 │ </div>
26 │ <div id="contact">
27 │ <ContactSection />
28 │ </div>
29 │ <Footer />
30 │ </main>
31 │ )
32 │ }
33 │
34 │ --- FILE: app/layout.tsx ---
35 │ import type React from "react"
36 │ import type { Metadata } from "next"
37 │ import { Playfair_Display, Source_Sans_3 } from "next/font/google"
38 │ import "./globals.css"
39 │ import ClientLayout from "./ClientLayout"
40 │
41 │ const playfairDisplay = Playfair_Display({
42 │ subsets: ["latin"],
43 │ variable: "--font-playfair",
44 │ display: "swap",
45 │ })
46 │
47 │ const sourceSans = Source_Sans_3({
48 │ subsets: ["latin"],
49 │ variable: "--font-source-sans",
50 │ display: "swap",
51 │ })
52 │
53 │ export const metadata: Metadata = {
54 │ title: "United Tattoo - Professional Tattoo Studio",
55 │ description: "Book appointments with our talented artists and explore stunning tattoo portfolios at United Tattoo.",
56 │ generator: "v0.app",
57 │ }
58 │
59 │ export default function RootLayout({
60 │ children,
61 │ }: Readonly<{
62 │ children: React.ReactNode
63 │ }>) {
64 │ return (
65 │ <html lang="en" className={`${playfairDisplay.variable} ${sourceSans.variable}`}>
66 │ <body className="font-sans antialiased">
67 │ <ClientLayout>{children}</ClientLayout>
68 │ </body>
69
│ STDIN
───────┼─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
1 │ --- FILE: app/page.tsx ---
2 │ import { Navigation } from "@/components/navigation"
3 │ import { ScrollProgress } from "@/components/scroll-progress"
4 │ import { ScrollToSection } from "@/components/scroll-to-section"
5 │ import { HeroSection } from "@/components/hero-section"
6 │ import { ArtistsSection } from "@/components/artists-section"
7 │ import { ServicesSection } from "@/components/services-section"
8 │ import { ContactSection } from "@/components/contact-section"
9 │ import { Footer } from "@/components/footer"
10 │
11 │ export default function HomePage() {
12 │ return (
13 │ <main className="min-h-screen">
14 │ <ScrollProgress />
15 │ <ScrollToSection />
16 │ <Navigation />
17 │ <div id="home">
18 │ <HeroSection />
19 │ </div>
20 │ <div id="artists">
21 │ <ArtistsSection />
22 │ </div>
23 │ <div id="services">
24 │ <ServicesSection />
25 │ </div>
26 │ <div id="contact">
27 │ <ContactSection />
28 │ </div>
29 │ <Footer />
30 │ </main>
31 │ )
32 │ }
33 │
34 │ --- FILE: app/layout.tsx ---
35 │ import type React from "react"
36 │ import type { Metadata } from "next"
37 │ import { Playfair_Display, Source_Sans_3 } from "next/font/google"
38 │ import "./globals.css"
39 │ import ClientLayout from "./ClientLayout"
40 │
41 │ const playfairDisplay = Playfair_Display({
42 │ subsets: ["latin"],
43 │ variable: "--font-playfair",
44 │ display: "swap",
45 │ })
46 │
47 │ const sourceSans = Source_Sans_3({
48 │ subsets: ["latin"],
49 │ variable: "--font-source-sans",
50 │ display: "swap",
51 │ })
52 │
53 │ export const metadata: Metadata = {
54 │ title: "United Tattoo - Professional Tattoo Studio",
55 │ description: "Book appointments with our talented artists and explore stunning tattoo portfolios at United Tattoo.",
56 │ generator: "v0.app",
57 │ }
58 │
59 │ export default function RootLayout({
60 │ children,
61 │ }: Readonly<{
62 │ children: React.ReactNode
63 │ }>) {
64 │ return (
65 │ <html lang="en" className={`${playfairDisplay.variable} ${sourceSans.variable}`}>
66 │ <body className="font-sans antialiased">
67 │ <ClientLayout>{children}</ClientLayout>
68 │ </body>
69