diff --git a/src/App.tsx b/src/App.tsx index 33d15f9..9c6a8f8 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom'; import Layout from './components/Layout'; import HomePage from './pages/HomePage'; +import PricingPage from "@/pages/PricingPage"; export default function App() { return ( }> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index c88b45b..8318f21 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -35,7 +35,9 @@ export default function Layout() { { "name": "Proof", "href": "#proof" - } + }, + { name: "Pricing", href: "/pricing" }, + ]; return ( diff --git a/src/pages/PricingPage.tsx b/src/pages/PricingPage.tsx new file mode 100644 index 0000000..72445f6 --- /dev/null +++ b/src/pages/PricingPage.tsx @@ -0,0 +1,37 @@ +import Button from "@/components/ui/Button"; +import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import { Check } from "lucide-react"; +import GridOrCarousel from "@/components/ui/GridOrCarousel"; +import { cls } from "@/lib/utils"; +import FaqSimple from "@/components/sections/faq/FaqSimple"; + +export default function PricingPage() { + return ( + <> +

Set Courses

+

Dining Experiences

placeholder
¥4,500Tasting Menu
3 seasonal appetizers
+
Chef's choice sashimi
+
Signature grilled yakitori
+
Rice and miso soup
+
Most Popular
¥8,800Chef's Choice
Premium seasonal appetizers
+
Deluxe sashimi platter
+
Wagyu beef preparation
+
Seasonal tempura
+
Hand-crafted dessert
+
placeholder
¥15,000Ultimate Journey
Full Omakase Experience
+
5 premium sake pairings
+
Guided tasting notes
+
Exclusive private room option
+
+ + ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 362ecb5..ae18b1d 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -6,4 +6,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, + { path: '/pricing', label: 'Pricing', pageFile: 'PricingPage' }, ];