src/app/page.tsx

@@ -37,6 +37,7 @@ export default function LandingPage() {
         { name: "Contact", id: "contact" },
       ]}
       brandName="Miya Miya"
+      button={{ text: "Order Now", href: "#products" }}
     />
   </div>
 
@@ -62,6 +63,7 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       title="Our Signature Wraps"
+      description="Taste the difference with our authentic recipes."
       gridVariant="four-items-2x2-equal-grid"
       animationType="slide-up"
       textboxLayout="split"
@@ -76,9 +78,11 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
       title="Our Growth"
+      description="Years of delivering quality food to our community."
       gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="split"
+      useInvertedBackground={false}
       metrics={[
         { id: "m1", value: "10+", description: "Years of Experience" },
         { id: "m2", value: "15k", description: "Wraps Served" },
@@ -90,6 +94,7 @@ export default function LandingPage() {
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
       title="What Our Guests Say"
+      description="See why our customers love our food."
       gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
       textboxLayout="split"
@@ -103,8 +108,10 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       title="Hungry for Answers?"
+      description="Find answers to your questions here."
       faqsAnimation="slide-up"
       textboxLayout="split"
+      useInvertedBackground={false}
       faqs={[
         { id: "f1", title: "Vegetarian options?", content: "Yes, we have delicious falafel options." },
         { id: "f2", title: "Online ordering?", content: "Yes, available on our website." }
@@ -115,6 +122,7 @@ export default function LandingPage() {
   <div id="social" data-section="social">
       <SocialProofOne
       title="Featured In"
+      description="Recognition from trusted sources."
       names={["Eater", "FoodWeekly", "CityGuide"]}
       textboxLayout="split"
       useInvertedBackground={false}
@@ -123,8 +131,11 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCenter
+      tag="Contact"
       title="Visit Us Today"
       description="Drop by our restaurant and experience the Miya Miya magic yourself."
+      background={{ variant: "rotated-rays-animated" }}
+      useInvertedBackground={false}
       inputPlaceholder="Enter your email address"
     />
   </div>