Merge version_1 into main #5
@@ -11,8 +11,8 @@ import { Source_Sans_3 } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Ironwood | نظام إدارة قائمة الانتظار الذكي',
|
||||
description: 'انضم إلى قائمة الانتظار في Ironwood بكل سهولة واستمتع بوقتك بينما نجهز طاولتك.',
|
||||
title: 'Webild Platform',
|
||||
description: 'Leading innovation and scalable solutions.',
|
||||
openGraph: {
|
||||
"title": "Ironwood Queue System",
|
||||
"description": "نظام قائمة انتظار متطور للمطاعم.",
|
||||
|
||||
167
src/app/page.tsx
167
src/app/page.tsx
@@ -1,6 +1,4 @@
|
||||
"use client";
|
||||
import { Source_Sans_3 } from "next/font/google";
|
||||
import "./globals.css";
|
||||
'use client';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
@@ -11,138 +9,43 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Users, Clock, Coffee } from 'lucide-react';
|
||||
|
||||
const sourceSans3 = Source_Sans_3({ variable: "--font-source-sans-3", subsets: ["latin"] });
|
||||
import { Shield, ArrowRight, Star, Zap, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div className={`${sourceSans3.variable} antialiased font-sans`}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Ironwood"
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "المميزات", id: "features" },
|
||||
{ name: "حولنا", id: "about" },
|
||||
{ name: "اتصل بنا", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="تجربة طعام استثنائية تبدأ بانتظار مريح"
|
||||
description="انضم إلى قائمة الانتظار في Ironwood بكل سهولة واستمتع بوقتك بينما نجهز طاولتك."
|
||||
buttons={[{text: "انضم إلى قائمة الانتظار", href: "#contact"}]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg", alt: "ضيف سعيد 1"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", alt: "ضيف سعيد 2"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg", alt: "ضيف سعيد 3"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg", alt: "ضيف سعيد 4"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/sitting-boy-waiting-restaurant_23-2148018743.jpg", alt: "ضيف سعيد 5"}
|
||||
]}
|
||||
avatarText="أكثر من 10,000 ضيف راضٍ"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{title: "سهولة الانضمام", description: "سجل اسمك في القائمة بضغطة زر من هاتفك.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149250085.jpg", imageAlt: "سهولة الانضمام"},
|
||||
{title: "متابعة فورية", description: "تعرف على ترتيبك في القائمة ووقت الانتظار المتوقع بدقة.", imageSrc: "http://img.b2bpic.net/free-photo/man-making-photo-finished-meal_23-2148114296.jpg", imageAlt: "متابعة فورية"},
|
||||
{title: "دخول ذكي", description: "استخدم تقنية مسح QR للوصول السريع إلى طاولتك.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2148896951.jpg", imageAlt: "دخول ذكي"}
|
||||
]}
|
||||
title="لماذا Ironwood؟"
|
||||
description="نحن نبسط تجربة ضيوفنا لضمان الراحة التامة."
|
||||
/>
|
||||
</div>
|
||||
<div id="status" data-section="status">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{id: "m1", value: "12", title: "الضيوف الحاليين", description: "في صالة الانتظار", icon: Users},
|
||||
{id: "m2", value: "25", title: "متوسط الانتظار", description: "بالدقائق", icon: Clock},
|
||||
{id: "m3", value: "4", title: "الطاولات المتاحة", description: "تتوقع الجاهزية قريباً", icon: Coffee}
|
||||
]}
|
||||
title="حالة قائمة الانتظار"
|
||||
description="نظرة مباشرة على تدفق العملاء الحالي."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{id: "1", name: "أحمد العتيبي", role: "عضو دائم", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-korean-barista-pouring-filter-coffee-prepare-batch-brew-client-cafe_1258-203378.jpg"},
|
||||
{id: "2", name: "سارة المحمد", role: "زائرة", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10314.jpg"},
|
||||
{id: "3", name: "خالد الشهري", role: "محامي", company: "الرياض", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-eating-healthy-food-sitting-beautiful-interior-with-green-flowers_231208-4742.jpg"},
|
||||
{id: "4", name: "ليلى فهد", role: "مصممة", company: "الدمام", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-ice-cream-nighttime_23-2149005363.jpg"},
|
||||
{id: "5", name: "فهد السلمان", role: "رائد أعمال", company: "الرياض", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21037.jpg"}
|
||||
]}
|
||||
kpiItems={[{ value: "4.9", label: "تقييم العُملاء"}, { value: "95%", label: "رضا الضيوف"}, { value: "10k+", label: "ضيوف سعداء"}]}
|
||||
title="ماذا يقول ضيوفنا؟"
|
||||
description="تجارب حقيقية لضيوف Ironwood المميزين."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{id: "f1", title: "كيف أنضم إلى القائمة؟", content: "يمكنك الانضمام مباشرة عبر زر الانضمام وإدخال بياناتك."},
|
||||
{id: "f2", title: "هل يمكنني إلغاء حجزي؟", content: "نعم، يمكنك إلغاء الحجز عبر الرابط الذي سيصلك عبر SMS."},
|
||||
{id: "f3", title: "كيف أعرف متى يحين دوري؟", content: "سنقوم بإرسال تنبيه فور اقتراب موعد طاولتك."}
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="كل ما تحتاج لمعرفته حول نظامنا للانتظار."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="عن Ironwood"
|
||||
description="نحن في Ironwood ندمج بين الفخامة والتقنية لنوفر لك تجربة لا تُنسى في كل زيارة."
|
||||
metrics={[{value: "2024", title: "سنة التأسيس"},{value: "100+", title: "طاولة جاهزة"}]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-looking-through-menu-restaurant_23-2150520061.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="انضم إلينا الآن"
|
||||
title="سجل اسمك في قائمة الانتظار"
|
||||
description="أدخل بياناتك وسنتواصل معك فور تجهيز طاولتك."
|
||||
background={{variant: "gradient-bars"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Ironwood"
|
||||
columns={[{title: "روابط سريعة", items: [{label: "الالرئيسية", href: "#hero"},{label: "حولنا", href: "#about"}]},{title: "قانوني", items: [{label: "سياسة الخصوصية", href: "#"},{label: "شروط الخدمة", href: "#"}]} ]}
|
||||
copyrightText="© 2025 | Ironwood Queue System"
|
||||
/>
|
||||
</div>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay title="Transform Your Future" description="Innovating tomorrow with state-of-the-art solutions today." buttons={[{ text: "Get Started", href: "/contact" }]} />
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight title="Powerful Features" description="Everything you need to scale." textboxLayout="default" features={[{ title: "Fast", description: "High performance" }, { title: "Secure", description: "Top protection" }]} useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="status" data-section="status">
|
||||
<MetricCardOne title="Performance Stats" description="Key metrics that drive our growth." metrics={[{ id: "1", value: "99%", title: "Uptime", description: "Continuous service", icon: Zap }, { id: "2", value: "2M+", title: "Users", description: "Community reach", icon: CheckCircle }]} gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen title="Happy Clients" description="What they say about us." kpiItems={[{ value: "100%", label: "Satisfaction" }, { value: "500+", label: "Projects" }, { value: "24/7", label: "Support" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "Alice", role: "CEO", company: "TechCorp", rating: 5 }]} />
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase title="Frequently Asked Questions" description="Answers to common queries." faqs={[{ id: "1", title: "What is Webild?", content: "A platform for growth." }]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout title="About Us" description="Dedicated to excellence." metrics={[{ value: "10+ years", title: "Experience" }]} useInvertedBackground={false} mediaAnimation="slide-up" metricsAnimation="slide-up" />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter tag="Contact" title="Reach Out" description="Let's build something great." background={{ variant: "plain" }} useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user