diff --git a/src/app/page.tsx b/src/app/page.tsx
index 43fdb84..a0b6d96 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -39,6 +39,8 @@ export default function LandingPage() {
           name: "こだわり",          id: "#features"},
         {
           name: "コース予約",          id: "#pricing"},
+        {
+          name: "サービス",          id: "/services"},
         {
           name: "アクセス",          id: "#contact"},
       ]}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..0391366
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import { Flame } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="fluid"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "ホーム", id: "/" },
+              { name: "メニュー", id: "/#products" },
+              { name: "こだわり", id: "/#features" },
+              { name: "サービス", id: "/services" }
+            ]}
+            brandName="からきち"
+          />
+        </div>
+
+        <div id="services" data-section="features" className="py-20">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "セルフ飲み放題",                description: "自分でお酒を注ぐ楽しさを体験してください。待ち時間なしの自由な空間です。",                icon: Flame,
+                mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/still-life-beer-brewing-elements_23-2150321459.jpg" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/couple-having-public-intimacy-moments_23-2149459116.jpg" }
+                ]
+              },
+              {
+                title: "炭火焼き体験",                description: "職人がこだわり抜いた炭火焼鳥の真髄を。五感で味わう本格料理をご提供します。",                icon: Flame,
+                mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/burning-woods-fire-pit_23-2148253447.jpg" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-14154.jpg" }
+                ]
+              }
+            ]}
+            title="当店のサービス"
+            description="お客様に最高の一夜を過ごしていただくための特別な体験価値をご用意しております。"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "店舗情報", items: [{ label: "唐人町駅 徒歩10分", href: "#" }] },
+              { title: "サービス", items: [{ label: "サービス詳細", href: "/services" }] }
+            ]}
+            logoText="からきち"
+            copyrightText="© 2025 からきち All Rights Reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file