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 FaqPage from "@/pages/FaqPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/faq" element={<FaqPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -30,7 +30,9 @@ export default function Layout() {
   {
     "name": "Testimonials",
     "href": "#testimonials"
-  }
+  },
+  { name: "Faq", href: "/faq" },
+
 ];
 
   return (

src/pages/FaqPage.tsx

@@ -0,0 +1,16 @@
+import FaqSimple from "@/components/sections/faq/FaqSimple";
+
+export default function FaqPage() {
+  return (
+    <>
+      <div data-webild-section="FaqSimple"><FaqSimple
+        tag="الأسئلة الشائعة"
+        title="الأسئلة المتكررة حول وقت البيتزا"
+        description="هل لديك أسئلة حول البيتزا المخبوزة على الحطب؟ نحن هنا للإجابة على جميع استفساراتك لضمان تجربة لا تُنسى."
+        primaryButton={{"text":"اطلب الآن","href":"/menu"}}
+        secondaryButton={{"text":"تواصل معنا","href":"/contact"}}
+        items={[{"question":"ما هي أوقات العمل في مطعم وقت البيتزا؟","answer":"نستقبلكم يومياً من الساعة 11 صباحاً حتى 11 مساءً، لنقدم لكم أشهى أنواع البيتزا الطازجة."},{"question":"هل تقدمون خيارات نباتية أو خالية من الجلوتين؟","answer":"نعم، لدينا قائمة متنوعة تشمل خيارات نباتية لذيذة وعجينة خالية من الجلوتين لتناسب جميع الأذواق."},{"question":"هل تتوفر خدمة التوصيل السريع للمنازل؟","answer":"بالتأكيد! نوفر خدمة توصيل سريعة وموثوقة لضمان وصول البيتزا ساخنة ومقرمشة إلى باب منزلك."},{"question":"هل يمكنني حجز طاولة لعائلتي مسبقاً؟","answer":"نعم، أجواؤنا عائلية ودافئة. يمكنك حجز طاولة مسبقاً عبر موقعنا الإلكتروني أو بالاتصال بنا مباشرة."},{"question":"ما الذي يميز البيتزا المخبوزة على الحطب لديكم؟","answer":"نحن نستخدم مكونات طبيعية وعجينة محضرة يومياً، ونخبزها في فرن تقليدي يعمل بالحطب للحصول على نكهة أصيلة."}]}
+      /></div>
+    </>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/faq', label: 'Faq', pageFile: 'FaqPage' },
 ];