Merge version_5 into main
Merge version_5 into main
This commit was merged in pull request #5.
This commit is contained in:
319
src/app/page.tsx
319
src/app/page.tsx
@@ -4,314 +4,129 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Butchery",
|
||||
id: "butcher",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Butchery", id: "butcher" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Al Hayba"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Al Hayba RAK"
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Al Hayba RAK"
|
||||
description="Authentic Arabian charcoal grills, premium butchery, and heritage flavors in the heart of Ras Al Khaimah."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sac-ichi-with-chicken-legs-vegetables_114579-2167.jpg"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-chicken-legs-vegetables_114579-2167.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-36710.jpg" }]}
|
||||
buttons={[{ text: "Explore", href: "#menu" }, { text: "Visit", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Taste"
|
||||
description="Al Hayba combines the tradition of a master butcher with the art of Arabic charcoal cooking. We source the finest meats locally and prepare them with authentic spices passed down through generations."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Quality",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/racks-salmon-smoking-small-smoker_169016-36710.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
description={["Al Hayba combines the tradition of a master butcher with the art of Arabic charcoal cooking.", "We source the finest meats locally and prepare them with authentic spices passed down through generations."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Signature",
|
||||
title: "Mixed Kebab Platter",
|
||||
subtitle: "Perfectly Spiced",
|
||||
description: "Tender lamb and chicken skewers grilled over real charcoal for that authentic smoky finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-barbecue-grill-nature_23-2148199440.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Heritage",
|
||||
title: "Traditional Mandi",
|
||||
subtitle: "Slow Cooked",
|
||||
description: "Fragrant basmati rice served with fall-off-the-bone tender meat prepared in traditional style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358076.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Appetizer",
|
||||
title: "Mezze Selection",
|
||||
subtitle: "Authentic Sides",
|
||||
description: "Homemade hummus, moutabal, and fresh salads crafted with the finest local ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-roasted-beef-sirloin-with-rosemary-pepper_1150-18512.jpg",
|
||||
},
|
||||
]}
|
||||
<FeatureCardSixteen
|
||||
title="Our Signature Flavors"
|
||||
description="From tender kebabs to slow-cooked rice dishes, our menu is designed to take you on an Arabian culinary journey."
|
||||
description="Experience the pinnacle of Arabian cuisine."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
positiveCard={{ items: ["Premium Quality Meats", "Charcoal Grilled Perfection", "Authentic Heritage Recipes"] }}
|
||||
negativeCard={{ items: ["No Preservatives", "No Shortcuts"] }}
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="butcher" data-section="butcher">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Beef",
|
||||
title: "Wagyu Selections",
|
||||
subtitle: "Top Grade",
|
||||
description: "Premium marbled beef cuts selected specifically for their texture and depth of flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-butcher-dressed-fleece-shirt-serving-fresh-cut-meat-market_613910-16169.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Lamb",
|
||||
title: "Fresh Local Lamb",
|
||||
subtitle: "Farm Sourced",
|
||||
description: "Young local lamb delivered fresh daily to ensure the best possible quality for our customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-holding-big-part-meat-restaurant-kitchen_1303-32149.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Custom",
|
||||
title: "Custom Cuts",
|
||||
subtitle: "On Demand",
|
||||
description: "Our master butchers can prepare any cut to your specific requirements for your convenience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-raw-steak-barbecue-utensil-wooden-textured-surface_23-2148206961.jpg",
|
||||
},
|
||||
]}
|
||||
<FeatureCardSixteen
|
||||
title="Premium Quality Butchery"
|
||||
description="Beyond the grill, we provide the highest grade raw meats for your home cooking. Always fresh, always selected for excellence."
|
||||
description="Hand-selected cuts for the discerning home chef."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
positiveCard={{ items: ["Wagyu Selection", "Fresh Local Lamb", "Custom Cuts"] }}
|
||||
negativeCard={{ items: ["Never Frozen", "Responsibly Sourced"] }}
|
||||
animationType="scale-rotate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Rashid",
|
||||
role: "Foodie",
|
||||
company: "RAK Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Al-Mansoori",
|
||||
role: "Chef",
|
||||
company: "Local Expert",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-barista-black-apron-showing-thumbsup-recommending-cafe-restaurant-standing-agains_1258-145210.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
role: "Visitor",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-waitress-talking-customers-using-touchpad-while-taking-orders-cafe_637285-3962.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla Khalifa",
|
||||
role: "Customer",
|
||||
company: "RAK Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Omar Said",
|
||||
role: "Business Owner",
|
||||
company: "Local Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-happy-people-communicating-while-having-lunch-together-dining-room_637285-3564.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Experience why we are the favorite destination in RAK for quality meat and charcoal grills."
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The most authentic grill experience in Ras Al Khaimah. Simply unmatched."
|
||||
author="Ahmed Rashid"
|
||||
rating={5}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/happiness-leisure-lifestyle-concept-smiling-african-american-female-recreates-cafe-restaurant-eats-delicious-dessert-drinks-cocktail-happy-have-pleasant-conversation-with-interlocutor_273609-2194.jpg", alt: "Guest" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide local delivery within Ras Al Khaimah for both our restaurant menu and butchery products.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your meats Halal?",
|
||||
content: "Absolutely. All meats sourced for our butchery and restaurant are 100% Halal certified.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can we pre-order for events?",
|
||||
content: "We handle large event orders. Please contact us at least 48 hours in advance for catering requirements.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722788.jpg"
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions about our butchery or restaurant? We have the answers."
|
||||
faqsAnimation="slide-up"
|
||||
description="Everything you need to know about our services."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer delivery?", content: "Yes, we provide local delivery in RAK." },
|
||||
{ id: "2", title: "Are your meats Halal?", content: "All our meats are 100% Halal certified." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Visit Al Hayba?"
|
||||
description="Come experience the best charcoal grills in Ras Al Khaimah. We are open daily to serve you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+971501234567",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
tag="Contact"
|
||||
title="Ready to visit us?"
|
||||
description="Book a table or reach out to our team."
|
||||
buttons={[{ text: "Call Now", href: "tel:+971501234567" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoReveal
|
||||
logoText="Al Hayba"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Butchery",
|
||||
href: "#butcher",
|
||||
},
|
||||
{
|
||||
label: "Catering",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Al Hayba | Ras Al Khaimah"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--background: #fbfbfb;
|
||||
--card: #f0f0f0;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2a2a2a;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #e1b875;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user