- Introduced new design tokens and color variables in globals.css to align with the United Tattoo 2026 design system. - Updated tailwind.config.ts to include new brand colors, background images, and box shadows for improved UI aesthetics. - Replaced existing hero section with a new design featuring enhanced parallax effects and glassmorphism styles. - Added multiple new images and icons to support the updated design, including navigation and hero section assets. - Implemented a new layout structure in page.tsx, integrating new sections for immersion and identity, enhancing user engagement. This commit significantly improves the overall design and user experience, establishing a cohesive visual identity for the application.
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import { Navigation } from "@/components/navigation"
|
|
import { ScrollProgress } from "@/components/scroll-progress"
|
|
import { ScrollToSection } from "@/components/scroll-to-section"
|
|
import { LenisProvider } from "@/components/smooth-scroll-provider"
|
|
import { Footer } from "@/components/footer"
|
|
|
|
import { NewHero } from "@/components/united/new-hero"
|
|
import { ImmersionSection } from "@/components/united/immersion-section"
|
|
import { IdentitySection } from "@/components/united/identity-section"
|
|
import { NewArtistsSection } from "@/components/united/new-artists-section"
|
|
import { NewContactSection } from "@/components/united/new-contact-section"
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<LenisProvider>
|
|
<main className="min-h-screen selection:bg-[var(--terracotta)] selection:text-white">
|
|
<ScrollProgress />
|
|
<ScrollToSection />
|
|
<Navigation />
|
|
|
|
<div id="home">
|
|
<NewHero />
|
|
</div>
|
|
|
|
<ImmersionSection />
|
|
|
|
<div id="about">
|
|
<IdentitySection />
|
|
</div>
|
|
|
|
<NewArtistsSection />
|
|
|
|
<NewContactSection />
|
|
|
|
<Footer />
|
|
</main>
|
|
</LenisProvider>
|
|
)
|
|
}
|