bender/95ba0ad2-f226-44ef-b862-ab2e46757782
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_5 into main

Browse Source 
Merge version_5 into main
This commit was merged in pull request #8.
This commit is contained in:
bender
2026-06-10 06:11:02 +00:00
parent a211e20443 e312231ea3
commit 37368dd20e
1 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/app/page.tsx
View File

@@ -13,6 +13,33 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
// New type imports for props
import type { HeroBillboardRotatedCarouselProps } from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import type { ProductCardThreeProps } from '@/components/sections/product/ProductCardThree';
import type { TextSplitAboutProps } from '@/components/sections/about/TextSplitAbout';
import type { FeatureCardNineProps } from '@/components/sections/feature/FeatureCardNine';
import type { TestimonialCardTwelveProps } from '@/components/sections/testimonial/TestimonialCardTwelve';
import type { FaqBaseProps } from '@/components/sections/faq/FaqBase';
import type { ContactCenterProps } from '@/components/sections/contact/ContactCenter';
import type { FooterBaseProps } from '@/components/sections/footer/FooterBase';
// Type definitions for homeSections array elements
type SectionEntry<T extends React.ComponentType<any>> = {
id: string;
Component: T;
props: React.ComponentProps<T>;
};
type HomeSection =
| SectionEntry<typeof HeroBillboardRotatedCarousel>
| SectionEntry<typeof ProductCardThree>
| SectionEntry<typeof TextSplitAbout>
| SectionEntry<typeof FeatureCardNine>
| SectionEntry<typeof TestimonialCardTwelve>
| SectionEntry<typeof FaqBase>
| SectionEntry<typeof ContactCenter>
| SectionEntry<typeof FooterBase>;
const initialMenuProducts = [
{ id: "1", name: "Spicy Beef Karahi", price: "$18.99", imageSrc: "https://framerusercontent.com/images/kC11vL7j733D6t7vK0pD1o2X1Q.png", imageAlt: "Spicy Beef Karahi" },
{ id: "2", name: "Chicken Biryani", price: "$15.50", imageSrc: "https://framerusercontent.com/images/K1eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Chicken Biryani" },
@@ -22,7 +49,7 @@ const initialMenuProducts = [
{ id: "6", name: "Nihari", price: "$16.25", imageSrc: "https://framerusercontent.com/images/V6W2x2k7V7cK1eTqN6Q4B4z0M8y5D2k.png", imageAlt: "Nihari" }
];
const homeSections = [
const homeSections: HomeSection[] = [
{
id: "hero", Component: HeroBillboardRotatedCarousel,
props: {
@@ -44,7 +71,8 @@ const homeSections = [
{
id: "menu", Component: ProductCardThree,
props: {
title: "Our Signature Menu", description: "Discover a diverse array of authentic Pakistani dishes, expertly prepared to tantalize your taste buds. From rich curries to succulent kebabs, every meal is a journey.", tag: "Taste Tradition", gridVariant: "three-columns-all-equal-width", animationType: "entrance-slide", useInvertedBackground: false,
title: "Our Signature Menu", description: "Discover a diverse array of authentic Pakistani dishes, expertly prepared to tantalize your taste buds. From rich curries to succulent kebabs, every meal is a journey.", tag: "Taste Tradition", gridVariant: "three-columns-all-equal-width", animationType: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for ProductCardThree
useInvertedBackground: false,
buttons: [{ text: "View Full Menu", href: "#" }]
}
},
@@ -62,7 +90,8 @@ const homeSections = [
id: "features", Component: FeatureCardNine,
props: {
title: "How We Deliver Authenticity", description: "Our commitment to genuine Pakistani flavors is reflected in every step of our process, from sourcing ingredients to culinary craftsmanship.", tag: "Our Pillars", showStepNumbers: true,
animationType: "entrance-slide", textboxLayout: "default", useInvertedBackground: true,
animationType: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for FeatureCardNine
textboxLayout: "default", useInvertedBackground: true,
features: [
{
title: "Hand-Picked Spices", description: "We source the finest spices directly from local markets in Pakistan, ensuring unparalleled aroma and flavor in every dish.", phoneOne: { imageSrc: "https://framerusercontent.com/images/0g0U4pQWf64sC15vW2f2x4y3z1Q.png", imageAlt: "Hand-picked spices" },
@@ -82,7 +111,8 @@ const homeSections = [
{
id: "testimonials", Component: TestimonialCardTwelve,
props: {
cardTitle: "What Our Guests Say", cardTag: "Satisfied Palates", cardAnimation: "entrance-slide", useInvertedBackground: false,
cardTitle: "What Our Guests Say", cardTag: "Satisfied Palates", cardAnimation: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for TestimonialCardTwelve
useInvertedBackground: false,
testimonials: [
{ id: "1", name: "Aisha Khan", imageSrc: "https://framerusercontent.com/images/L9eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Aisha Khan" },
{ id: "2", name: "Omar Malik", imageSrc: "https://framerusercontent.com/images/K2x2k7V7cV6T4eR1N6Q4B4z0M8y5D.png", imageAlt: "Omar Malik" },
@@ -93,7 +123,8 @@ const homeSections = [
{
id: "faq", Component: FaqBase,
props: {
title: "Frequently Asked Questions", description: "Find answers to common questions about our cafe, menu, and services.", tag: "Your Queries Answered", faqsAnimation: "entrance-slide", textboxLayout: "default", useInvertedBackground: true,
title: "Frequently Asked Questions", description: "Find answers to common questions about our cafe, menu, and services.", tag: "Your Queries Answered", faqsAnimation: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for FaqBase
textboxLayout: "default", useInvertedBackground: true,
faqs: [
{
id: "1", title: "What are your most popular dishes?", content: "Our Chicken Biryani, Beef Karahi, and Mutton Korma are highly recommended by our regulars. Don't forget to try our freshly baked Naan!"
@@ -194,7 +225,7 @@ export default function Home() {
if (section.id === "menu") {
return (
<div key={index} id={section.id} data-section={section.id}>
<SectionComponent {...section.props} products={menuProducts} />
<SectionComponent {...section.props as ProductCardThreeProps} products={menuProducts} />
</div>
);
}