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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 06:11:57 +00:00
parent e312231ea3
commit 0311333920
1 changed files with 14 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/page.tsx
View File

@@ -13,16 +13,6 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase'; 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 definitions for homeSections array elements
type SectionEntry<T extends React.ComponentType<any>> = { type SectionEntry<T extends React.ComponentType<any>> = {
id: string; id: string;
@@ -59,21 +49,22 @@ const homeSections: HomeSection[] = [
{ text: "About Us", href: "#about" } { text: "About Us", href: "#about" }
], ],
carouselItems: [ carouselItems: [
{ imageSrc: "https://framerusercontent.com/images/kC11vL7j733D6t7vK0pD1o2X1Q.png", imageAlt: "Spicy Beef Karahi" }, { id: "carousel-1", imageSrc: "https://framerusercontent.com/images/kC11vL7j733D6t7vK0pD1o2X1Q.png", imageAlt: "Spicy Beef Karahi" },
{ imageSrc: "https://framerusercontent.com/images/K1eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Chicken Biryani" }, { id: "carousel-2", imageSrc: "https://framerusercontent.com/images/K1eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Chicken Biryani" },
{ imageSrc: "https://framerusercontent.com/images/qX1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Mutton Korma" }, { id: "carousel-3", imageSrc: "https://framerusercontent.com/images/qX1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Mutton Korma" },
{ imageSrc: "https://framerusercontent.com/images/F1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Seekh Kebab" }, { id: "carousel-4", imageSrc: "https://framerusercontent.com/images/F1tP3P5D0F5R8N8V6W2x2k7V7c.png", imageAlt: "Seekh Kebab" },
{ imageSrc: "https://framerusercontent.com/images/T4eR1N6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Paya Curry" }, { id: "carousel-5", imageSrc: "https://framerusercontent.com/images/T4eR1N6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Paya Curry" },
{ imageSrc: "https://framerusercontent.com/images/V6W2x2k7V7cK1eTqN6Q4B4z0M8y5D2k.png", imageAlt: "Nihari" } { id: "carousel-6", imageSrc: "https://framerusercontent.com/images/V6W2x2k7V7cK1eTqN6Q4B4z0M8y5D2k.png", imageAlt: "Nihari" }
] ]
} }
}, },
{ {
id: "menu", Component: ProductCardThree, id: "menu", Component: ProductCardThree,
props: { 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: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for ProductCardThree 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",
useInvertedBackground: false, useInvertedBackground: false,
buttons: [{ text: "View Full Menu", href: "#" }] buttons: [{ text: "View Full Menu", href: "#" }],
textboxLayout: "default"
} }
}, },
{ {
@@ -90,7 +81,7 @@ const homeSections: HomeSection[] = [
id: "features", Component: FeatureCardNine, id: "features", Component: FeatureCardNine,
props: { 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, 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: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for FeatureCardNine animationType: "blur-reveal",
textboxLayout: "default", useInvertedBackground: true, textboxLayout: "default", useInvertedBackground: true,
features: [ features: [
{ {
@@ -111,7 +102,7 @@ const homeSections: HomeSection[] = [
{ {
id: "testimonials", Component: TestimonialCardTwelve, id: "testimonials", Component: TestimonialCardTwelve,
props: { props: {
cardTitle: "What Our Guests Say", cardTag: "Satisfied Palates", cardAnimation: "blur-reveal", // FIX: Changed from "entrance-slide" to a valid type for TestimonialCardTwelve cardTitle: "What Our Guests Say", cardTag: "Satisfied Palates", cardAnimation: "blur-reveal",
useInvertedBackground: false, useInvertedBackground: false,
testimonials: [ testimonials: [
{ id: "1", name: "Aisha Khan", imageSrc: "https://framerusercontent.com/images/L9eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Aisha Khan" }, { id: "1", name: "Aisha Khan", imageSrc: "https://framerusercontent.com/images/L9eTqN6Q4B4z0M8y5D2k2k7V7c.png", imageAlt: "Aisha Khan" },
@@ -123,7 +114,7 @@ const homeSections: HomeSection[] = [
{ {
id: "faq", Component: FaqBase, id: "faq", Component: FaqBase,
props: { props: {
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 title: "Frequently Asked Questions", description: "Find answers to common questions about our cafe, menu, and services.", tag: "Your Queries Answered", faqsAnimation: "blur-reveal",
textboxLayout: "default", useInvertedBackground: true, textboxLayout: "default", useInvertedBackground: true,
faqs: [ faqs: [
{ {
@@ -225,13 +216,13 @@ export default function Home() {
if (section.id === "menu") { if (section.id === "menu") {
return ( return (
<div key={index} id={section.id} data-section={section.id}> <div key={index} id={section.id} data-section={section.id}>
<SectionComponent {...section.props as ProductCardThreeProps} products={menuProducts} /> <SectionComponent {...section.props as React.ComponentProps<typeof ProductCardThree>} products={menuProducts} />
</div> </div>
); );
} }
return ( return (
<div key={index} id={section.id} data-section={section.id}> <div key={index} id={section.id} data-section={section.id}>
<SectionComponent {...section.props} /> <SectionComponent {...section.props as React.ComponentProps<typeof SectionComponent>} />
</div> </div>
); );
})} })}