Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-05-11 14:36:06 +00:00

View File

@@ -6,9 +6,9 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import LegalSection from '@/components/legal/LegalSection';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Award } from "lucide-react";
import { Award, Clock, ShoppingBag } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -23,87 +23,72 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "About", id: "/about"},
{
name: "Reserve", id: "/reservation"},
{
name: "Contact", id: "/contact"},
]}
brandName="Al Rimal"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Reserve", id: "/reservation" },
{ name: "Contact", id: "/contact" },
]}
brandName="Al Rimal"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Milestones"
description="Celebrating years of culinary excellence."
metrics={[
{
id: "a1", value: "15+", title: "Years", description: "Of fine dining service", icon: Award,
},
{
id: "a2", value: "50+", title: "Chefs", description: "Culinary masters", icon: Award,
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Milestones"
description="Celebrating years of culinary excellence."
metrics={[
{ id: "a1", value: "15+", title: "Years", description: "Of fine dining service", icon: Award },
{ id: "a2", value: "50+", title: "Chefs", description: "Culinary masters", icon: Award },
]}
/>
</div>
<div id="legal" data-section="legal">
<LegalSection
layout="section"
title="Our Mission"
sections={[
{
heading: "Our Heritage", content: "Al Rimal was founded on the principle of bringing the hospitality of Arabia to the global stage."},
]}
/>
</div>
<div id="legal" data-section="legal">
<LegalSection
layout="section"
title="Our Mission"
sections={[
{
heading: "Our Heritage", content: [{ type: "paragraph", text: "Al Rimal was founded on the principle of bringing the hospitality of Arabia to the global stage." }]
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Al Rimal"
columns={[
{
title: "Restaurant", items: [
{
label: "About Us", href: "/about"},
{
label: "Menu", href: "/menu"},
{
label: "Reserve", href: "/reservation"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{
title: "Contact", items: [
{
label: "+971 4 000 0000", href: "tel:+97140000000"},
{
label: "hello@alrimal.ae", href: "mailto:hello@alrimal.ae"},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Al Rimal"
columns={[
{
title: "Restaurant", items: [
{ label: "About Us", href: "/about" },
{ label: "Menu", href: "/menu" },
{ label: "Reserve", href: "/reservation" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
{
title: "Contact", items: [
{ label: "+971 4 000 0000", href: "tel:+97140000000" },
{ label: "hello@alrimal.ae", href: "mailto:hello@alrimal.ae" },
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);