{"id":10,"date":"2026-07-22T09:44:40","date_gmt":"2026-07-22T09:44:40","guid":{"rendered":"https:\/\/cakery.pk\/?page_id=10"},"modified":"2026-07-22T11:55:47","modified_gmt":"2026-07-22T11:55:47","slug":"home","status":"publish","type":"page","link":"https:\/\/cakery.pk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b23b4e e-con e-atomic-element e-flexbox-base e-93d1c1d \" data-id=\"1b23b4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1b23b4e\">\n    \t\t<div class=\"elementor-element elementor-element-2cfbca0 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"2cfbca0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ea13290 e-con e-atomic-element e-flexbox-base e-8aba950 \" data-id=\"ea13290\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea13290\">\n    \t\t<div class=\"elementor-element elementor-element-cb76360 elementor-widget elementor-widget-html\" data-id=\"cb76360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================\r\n     CAKE BAKERY \u2014 HOME PAGE (Header\/Footer ke beech paste karein)\r\n     Mobile-responsive + scroll animations\r\n     ================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,wght@0,500;0,600;0,700;1,500&family=Quicksand:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .ck-page {\r\n    --cream: #FFF6EC;\r\n    --choco: #3E2620;\r\n    --choco-soft: #6B4A42;\r\n    --blush: #F7CDD3;\r\n    --blush-light: #FDEBEE;\r\n    --raspberry: #C2185B;\r\n    --gold: #D9A441;\r\n    --white: #FFFFFF;\r\n    font-family: 'Quicksand', sans-serif;\r\n    color: var(--choco);\r\n    background: var(--cream);\r\n    overflow-x: hidden;\r\n  }\r\n  .ck-page * { box-sizing: border-box; }\r\n  .ck-page h1, .ck-page h2, .ck-page h3 {\r\n    font-family: 'Fraunces', serif;\r\n    margin: 0;\r\n  }\r\n  .ck-container { max-width: 1150px; margin: 0 auto; padding: 0 24px; }\r\n  @media (max-width: 500px) { .ck-container { padding: 0 18px; } }\r\n\r\n  \/* ============ SCROLL REVEAL ============ *\/\r\n  .ck-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    transition: opacity .7s ease, transform .7s ease;\r\n  }\r\n  .ck-reveal.ck-in { opacity: 1; transform: translateY(0); }\r\n  .ck-reveal-1 { transition-delay: .05s; }\r\n  .ck-reveal-2 { transition-delay: .15s; }\r\n  .ck-reveal-3 { transition-delay: .25s; }\r\n  .ck-reveal-4 { transition-delay: .35s; }\r\n\r\n  \/* ============ HERO ============ *\/\r\n  .ck-hero {\r\n    position: relative;\r\n    background: linear-gradient(180deg, var(--blush-light) 0%, var(--cream) 100%);\r\n    padding: clamp(50px, 10vw, 90px) 0 clamp(40px, 8vw, 70px) 0;\r\n  }\r\n  .ck-hero-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n  @media (max-width: 850px) { .ck-hero-grid { grid-template-columns: 1fr; text-align: center; gap: 10px; } }\r\n\r\n  .ck-eyebrow {\r\n    display: inline-block;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 12.5px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: var(--raspberry);\r\n    background: var(--white);\r\n    padding: 7px 16px;\r\n    border-radius: 30px;\r\n    margin-bottom: 20px;\r\n    opacity: 0;\r\n    animation: ck-fade-in .6s ease forwards;\r\n  }\r\n  @keyframes ck-fade-in { to { opacity: 1; } }\r\n\r\n  .ck-hero h1 {\r\n    font-size: clamp(30px, 6vw, 52px);\r\n    font-style: italic;\r\n    font-weight: 600;\r\n    line-height: 1.18;\r\n    color: var(--choco);\r\n    margin-bottom: 18px;\r\n  }\r\n  .ck-hero h1 span { color: var(--raspberry); font-style: normal; font-weight: 700; }\r\n  .ck-hero p.ck-sub {\r\n    font-size: clamp(14.5px, 2vw, 17px);\r\n    line-height: 1.7;\r\n    color: var(--choco-soft);\r\n    max-width: 460px;\r\n    margin-bottom: 28px;\r\n  }\r\n  @media (max-width: 850px) { .ck-hero p.ck-sub { margin-left: auto; margin-right: auto; } }\r\n\r\n  .ck-btn-row { display: flex; gap: 14px; flex-wrap: wrap; }\r\n  @media (max-width: 850px) { .ck-btn-row { justify-content: center; } }\r\n  @media (max-width: 380px) { .ck-btn-row { flex-direction: column; align-items: stretch; } }\r\n\r\n  .ck-btn-primary, .ck-btn-secondary {\r\n    padding: 14px 28px;\r\n    border-radius: 40px;\r\n    font-family: 'Quicksand', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 14.5px;\r\n    text-decoration: none;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, background .25s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n  .ck-btn-primary {\r\n    background: var(--raspberry);\r\n    color: #fff;\r\n    box-shadow: 0 8px 20px rgba(194,24,91,0.30);\r\n  }\r\n  .ck-btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 26px rgba(194,24,91,0.38); }\r\n  .ck-btn-primary:active { transform: translateY(0) scale(0.98); }\r\n  .ck-btn-secondary {\r\n    background: transparent;\r\n    color: var(--choco);\r\n    border: 2px solid var(--choco);\r\n  }\r\n  .ck-btn-secondary:hover { background: var(--choco); color: #fff; transform: translateY(-3px); }\r\n  .ck-btn-secondary:active { transform: translateY(0); }\r\n\r\n  \/* ---- CSS Cake Illustration ---- *\/\r\n  .ck-cake-scene {\r\n    position: relative; display: flex; justify-content: center; align-items: flex-end;\r\n    height: clamp(220px, 40vw, 340px);\r\n  }\r\n  .ck-cake { position: relative; width: clamp(150px, 30vw, 220px); }\r\n  .ck-tier {\r\n    position: relative; width: 100%;\r\n    border-radius: 10px 10px 4px 4px;\r\n    box-shadow: 0 10px 25px rgba(62,38,32,0.15);\r\n  }\r\n  .ck-tier-1 { height: clamp(52px, 10vw, 78px); background: var(--blush); z-index: 3; }\r\n  .ck-tier-2 { width: 82%; height: clamp(45px, 9vw, 68px); margin: 0 auto; background: #F2A8B4; z-index: 2; margin-top: -12px; border-radius: 8px 8px 4px 4px; }\r\n  .ck-tier-3 { width: 64%; height: clamp(38px, 7.5vw, 58px); margin: 0 auto; background: var(--raspberry); z-index: 1; margin-top: -10px; border-radius: 8px 8px 4px 4px; }\r\n  .ck-icing {\r\n    position: absolute; top: -10px; left: 0; width: 100%; height: 20px;\r\n    background: var(--white);\r\n    border-radius: 50% 50% 0 0 \/ 100% 100% 0 0;\r\n  }\r\n  .ck-plate {\r\n    width: clamp(180px, 34vw, 260px); height: 16px; background: var(--gold); border-radius: 50%;\r\n    margin-top: 8px; box-shadow: 0 6px 14px rgba(217,164,65,0.4);\r\n  }\r\n  .ck-cherry {\r\n    position: absolute; top: -34px; left: 50%; transform: translateX(-50%);\r\n    width: 22px; height: 22px; background: var(--raspberry); border-radius: 50%;\r\n    box-shadow: inset -3px -3px 0 rgba(0,0,0,0.15);\r\n  }\r\n  .ck-cherry::after {\r\n    content: ''; position: absolute; top: -14px; left: 10px; width: 3px; height: 16px;\r\n    background: #4a7c3f; border-radius: 2px; transform: rotate(20deg);\r\n  }\r\n  .ck-candle { position: absolute; top: -52px; width: 5px; height: 26px; background: var(--gold); border-radius: 2px; }\r\n  .ck-candle::after {\r\n    content:''; position: absolute; top: -11px; left: 0.5px; width: 4px; height: 10px;\r\n    background: #ffb347; border-radius: 50% 50% 50% 0; animation: ck-flicker 1.4s infinite ease-in-out;\r\n  }\r\n  @keyframes ck-flicker { 0%,100% { transform: scale(1) rotate(-3deg); } 50% { transform: scale(1.15) rotate(3deg); } }\r\n  .ck-c1 { left: 30%; } .ck-c2 { left: 48%; } .ck-c3 { left: 66%; }\r\n  @media (max-width: 850px) { .ck-candle { top: -40px; height: 20px; } }\r\n\r\n  .ck-float { animation: ck-float 4s ease-in-out infinite; }\r\n  @keyframes ck-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .ck-float, .ck-candle::after { animation: none; }\r\n    .ck-reveal { transition: none; opacity: 1; transform: none; }\r\n  }\r\n\r\n  \/* ============ FEATURES ============ *\/\r\n  .ck-features { padding: clamp(50px, 9vw, 70px) 0; background: var(--white); }\r\n  .ck-features-grid {\r\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 40px;\r\n  }\r\n  @media (max-width: 900px) { .ck-features-grid { grid-template-columns: repeat(2,1fr); gap: 28px 20px; } }\r\n  @media (max-width: 480px) { .ck-features-grid { grid-template-columns: 1fr; gap: 26px; } }\r\n\r\n  .ck-section-head { text-align: center; max-width: 600px; margin: 0 auto; }\r\n  .ck-section-head .ck-eyebrow { background: var(--blush-light); animation: none; opacity: 1; }\r\n  .ck-section-head h2 { font-size: clamp(24px, 4.5vw, 34px); font-style: italic; color: var(--choco); margin-top: 14px; }\r\n\r\n  .ck-feature-card { text-align: center; padding: 10px; transition: transform .3s ease; }\r\n  .ck-feature-card:hover { transform: translateY(-6px); }\r\n  .ck-feature-icon {\r\n    width: 58px; height: 58px; margin: 0 auto 14px auto; border-radius: 50%;\r\n    background: var(--blush-light); display: flex; align-items: center; justify-content: center;\r\n    transition: background .3s ease, transform .3s ease;\r\n  }\r\n  .ck-feature-card:hover .ck-feature-icon { background: var(--blush); transform: scale(1.08) rotate(-4deg); }\r\n  .ck-feature-icon svg { width: 26px; height: 26px; }\r\n  .ck-feature-card h3 { font-size: 16.5px; font-style: italic; margin-bottom: 8px; }\r\n  .ck-feature-card p { font-size: 13.5px; color: var(--choco-soft); line-height: 1.6; margin: 0; }\r\n\r\n  \/* ============ POPULAR CAKES ============ *\/\r\n  .ck-menu { padding: clamp(55px, 10vw, 80px) 0; background: var(--blush-light); }\r\n  .ck-menu-grid {\r\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; margin-top: 40px;\r\n  }\r\n  @media (max-width: 950px) { .ck-menu-grid { grid-template-columns: repeat(2,1fr); } }\r\n  @media (max-width: 480px) { .ck-menu-grid { grid-template-columns: 1fr; max-width: 340px; margin-left: auto; margin-right: auto; } }\r\n\r\n  .ck-menu-card {\r\n    background: var(--white); border-radius: 18px; padding: 24px 18px 20px 18px;\r\n    text-align: center; transition: transform .3s ease, box-shadow .3s ease;\r\n    box-shadow: 0 6px 18px rgba(62,38,32,0.06);\r\n  }\r\n  .ck-menu-card:hover { transform: translateY(-8px); box-shadow: 0 16px 34px rgba(62,38,32,0.14); }\r\n  .ck-menu-card:hover .ck-menu-icon { transform: scale(1.1) rotate(4deg); }\r\n\r\n  .ck-menu-icon {\r\n    width: 80px; height: 80px; margin: 0 auto 16px auto; border-radius: 50%;\r\n    background: var(--blush-light); display: flex; align-items: center; justify-content: center;\r\n    transition: transform .3s ease;\r\n  }\r\n  .ck-menu-card h3 { font-size: 17px; font-style: italic; margin-bottom: 6px; }\r\n  .ck-menu-card .ck-tag { font-size: 12px; color: var(--choco-soft); margin-bottom: 14px; display: block; }\r\n  .ck-price { font-family: 'Fraunces', serif; font-weight: 700; font-size: 19px; color: var(--raspberry); margin-bottom: 14px; }\r\n  .ck-order-link {\r\n    display: inline-block; font-size: 13px; font-weight: 700; color: var(--choco);\r\n    border-bottom: 2px solid var(--gold); padding-bottom: 2px; text-decoration: none;\r\n    transition: color .2s ease, border-color .2s ease;\r\n  }\r\n  .ck-order-link:hover { color: var(--raspberry); border-color: var(--raspberry); }\r\n\r\n  \/* ============ HOW TO ORDER ============ *\/\r\n  .ck-steps { padding: clamp(55px, 10vw, 80px) 0; background: var(--white); }\r\n  .ck-steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }\r\n  @media (max-width: 800px) { .ck-steps-grid { grid-template-columns: 1fr; gap: 18px; } }\r\n\r\n  .ck-step {\r\n    position: relative; padding: 28px 24px; background: var(--cream); border-radius: 16px;\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n  }\r\n  .ck-step:hover { transform: translateY(-5px); box-shadow: 0 12px 28px rgba(62,38,32,0.08); }\r\n  .ck-step-num {\r\n    font-family: 'Fraunces', serif; font-style: italic; font-size: 38px; color: var(--blush);\r\n    font-weight: 700; line-height: 1; margin-bottom: 10px;\r\n  }\r\n  .ck-step h3 { font-size: 17px; font-style: italic; margin-bottom: 8px; }\r\n  .ck-step p { font-size: 13.5px; color: var(--choco-soft); line-height: 1.6; margin: 0; }\r\n\r\n  \/* ============ CTA BANNER ============ *\/\r\n  .ck-cta {\r\n    margin: 0 18px clamp(50px, 9vw, 80px) 18px;\r\n    max-width: 1102px;\r\n    margin-left: auto; margin-right: auto;\r\n    background: var(--choco);\r\n    border-radius: 24px;\r\n    padding: clamp(40px, 8vw, 60px) clamp(24px, 6vw, 40px);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .ck-cta::before {\r\n    content: ''; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px;\r\n    background: radial-gradient(circle, rgba(247,205,211,0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n  .ck-cta h2 { color: var(--white); font-size: clamp(22px, 4.5vw, 30px); font-style: italic; margin-bottom: 12px; }\r\n  .ck-cta p { color: #E8D6D0; font-size: 14.5px; margin-bottom: 26px; }\r\n  .ck-cta .ck-btn-primary { background: var(--gold); box-shadow: 0 8px 20px rgba(217,164,65,0.35); }\r\n  .ck-cta .ck-btn-primary:hover { box-shadow: 0 12px 26px rgba(217,164,65,0.45); }\r\n<\/style>\r\n\r\n<div class=\"ck-page\">\r\n\r\n  <!-- ============ HERO ============ -->\r\n  <section class=\"ck-hero\">\r\n    <div class=\"ck-container ck-hero-grid\">\r\n      <div>\r\n        <span class=\"ck-eyebrow\">Freshly Baked, Daily<\/span>\r\n        <h1>Cakes made for your <span>sweetest<\/span> moments<\/h1>\r\n        <p class=\"ck-sub\">Custom cakes, cupcakes &amp; desserts baked fresh to order \u2014 birthdays, weddings, or just because. Design it your way, we'll bake it to perfection.<\/p>\r\n        <div class=\"ck-btn-row\">\r\n          <a href=\"#menu\" class=\"ck-btn-primary\">\ud83c\udf82 Order a Cake<\/a>\r\n          <a href=\"#menu\" class=\"ck-btn-secondary\">View Menu<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ck-cake-scene ck-float\">\r\n        <div class=\"ck-cake\">\r\n          <div class=\"ck-candle ck-c1\"><\/div>\r\n          <div class=\"ck-candle ck-c2\"><\/div>\r\n          <div class=\"ck-candle ck-c3\"><\/div>\r\n          <div class=\"ck-tier ck-tier-1\"><div class=\"ck-icing\"><\/div><div class=\"ck-cherry\"><\/div><\/div>\r\n          <div class=\"ck-tier ck-tier-2\"><\/div>\r\n          <div class=\"ck-tier ck-tier-3\"><\/div>\r\n        <\/div>\r\n        <div class=\"ck-plate\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ FEATURES ============ -->\r\n  <section class=\"ck-features\">\r\n    <div class=\"ck-container\">\r\n      <div class=\"ck-section-head ck-reveal\">\r\n        <span class=\"ck-eyebrow\">Why Choose Us<\/span>\r\n        <h2>Baked with love, every time<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ck-features-grid\">\r\n        <div class=\"ck-feature-card ck-reveal ck-reveal-1\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C2185B\" stroke-width=\"2\"><path d=\"M4 12h16M4 12a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2M4 12l1-6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2l1 6\"\/><path d=\"M9 4v0M12 4v0M15 4v0\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Fresh Ingredients<\/h3>\r\n          <p>Only real butter, cream &amp; quality flavors \u2014 nothing artificial.<\/p>\r\n        <\/div>\r\n        <div class=\"ck-feature-card ck-reveal ck-reveal-2\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C2185B\" stroke-width=\"2\"><path d=\"M12 2l2.5 6.5L21 11l-6.5 2.5L12 20l-2.5-6.5L3 11l6.5-2.5L12 2z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Custom Designs<\/h3>\r\n          <p>Tell us your vision \u2014 flavor, size, and design, all made to order.<\/p>\r\n        <\/div>\r\n        <div class=\"ck-feature-card ck-reveal ck-reveal-3\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C2185B\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\r\n          <\/div>\r\n          <h3>On-Time Delivery<\/h3>\r\n          <p>Book in advance and we'll deliver right on your big day.<\/p>\r\n        <\/div>\r\n        <div class=\"ck-feature-card ck-reveal ck-reveal-4\">\r\n          <div class=\"ck-feature-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C2185B\" stroke-width=\"2\"><path d=\"M20 21c0-4-3.5-6-8-6s-8 2-8 6M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\"\/><\/svg>\r\n          <\/div>\r\n          <h3>Loved by Customers<\/h3>\r\n          <p>Hundreds of happy celebrations and five-star reviews.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ POPULAR CAKES ============ -->\r\n  <section class=\"ck-menu\" id=\"menu\">\r\n    <div class=\"ck-container\">\r\n      <div class=\"ck-section-head ck-reveal\">\r\n        <span class=\"ck-eyebrow\">Our Menu<\/span>\r\n        <h2>Customer favorites<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ck-menu-grid\">\r\n\r\n        <div class=\"ck-menu-card ck-reveal ck-reveal-1\">\r\n          <div class=\"ck-menu-icon\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <rect x=\"8\" y=\"20\" width=\"28\" height=\"14\" rx=\"3\" fill=\"#F2A8B4\"\/>\r\n              <rect x=\"8\" y=\"14\" width=\"28\" height=\"8\" rx=\"3\" fill=\"#C2185B\"\/>\r\n              <circle cx=\"22\" cy=\"10\" r=\"4\" fill=\"#D9A441\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Birthday Cake<\/h3>\r\n          <span class=\"ck-tag\">Chocolate \u2022 Vanilla \u2022 Red Velvet<\/span>\r\n          <div class=\"ck-price\">Rs. 1,800<\/div>\r\n          <a href=\"#\" class=\"ck-order-link\">Order Now \u2192<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ck-menu-card ck-reveal ck-reveal-2\">\r\n          <div class=\"ck-menu-icon\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <rect x=\"6\" y=\"24\" width=\"32\" height=\"10\" rx=\"3\" fill=\"#F7CDD3\"\/>\r\n              <rect x=\"6\" y=\"18\" width=\"32\" height=\"8\" rx=\"3\" fill=\"#F2A8B4\"\/>\r\n              <rect x=\"6\" y=\"12\" width=\"32\" height=\"8\" rx=\"3\" fill=\"#C2185B\"\/>\r\n              <circle cx=\"22\" cy=\"8\" r=\"3.5\" fill=\"#D9A441\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Wedding Cake<\/h3>\r\n          <span class=\"ck-tag\">3-Tier \u2022 Custom Design<\/span>\r\n          <div class=\"ck-price\">Rs. 8,500<\/div>\r\n          <a href=\"#\" class=\"ck-order-link\">Order Now \u2192<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ck-menu-card ck-reveal ck-reveal-3\">\r\n          <div class=\"ck-menu-icon\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <path d=\"M12 20h20l-3 14H15l-3-14z\" fill=\"#D9A441\"\/>\r\n              <circle cx=\"22\" cy=\"16\" r=\"8\" fill=\"#F7CDD3\"\/>\r\n              <circle cx=\"22\" cy=\"9\" r=\"3\" fill=\"#C2185B\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Cupcakes (Box of 6)<\/h3>\r\n          <span class=\"ck-tag\">Assorted Flavors<\/span>\r\n          <div class=\"ck-price\">Rs. 1,200<\/div>\r\n          <a href=\"#\" class=\"ck-order-link\">Order Now \u2192<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ck-menu-card ck-reveal ck-reveal-4\">\r\n          <div class=\"ck-menu-icon\">\r\n            <svg width=\"40\" height=\"40\" viewBox=\"0 0 44 44\" fill=\"none\">\r\n              <path d=\"M8 30 C8 18, 36 18, 36 30 Z\" fill=\"#F2A8B4\"\/>\r\n              <rect x=\"8\" y=\"30\" width=\"28\" height=\"4\" rx=\"2\" fill=\"#C2185B\"\/>\r\n              <circle cx=\"22\" cy=\"18\" r=\"3\" fill=\"#D9A441\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Custom Theme Cake<\/h3>\r\n          <span class=\"ck-tag\">Kids \u2022 Anniversary \u2022 Corporate<\/span>\r\n          <div class=\"ck-price\">From Rs. 2,500<\/div>\r\n          <a href=\"#\" class=\"ck-order-link\">Order Now \u2192<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ HOW TO ORDER ============ -->\r\n  <section class=\"ck-steps\">\r\n    <div class=\"ck-container\">\r\n      <div class=\"ck-section-head ck-reveal\">\r\n        <span class=\"ck-eyebrow\">Easy Ordering<\/span>\r\n        <h2>How it works<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"ck-steps-grid\">\r\n        <div class=\"ck-step ck-reveal ck-reveal-1\">\r\n          <div class=\"ck-step-num\">01<\/div>\r\n          <h3>Choose Your Cake<\/h3>\r\n          <p>Pick a design from our menu or tell us your own idea.<\/p>\r\n        <\/div>\r\n        <div class=\"ck-step ck-reveal ck-reveal-2\">\r\n          <div class=\"ck-step-num\">02<\/div>\r\n          <h3>Customize It<\/h3>\r\n          <p>Select flavor, size, and message \u2014 made exactly how you want.<\/p>\r\n        <\/div>\r\n        <div class=\"ck-step ck-reveal ck-reveal-3\">\r\n          <div class=\"ck-step-num\">03<\/div>\r\n          <h3>We Bake &amp; Deliver<\/h3>\r\n          <p>Sit back \u2014 your fresh cake arrives right on time.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ CTA BANNER ============ -->\r\n  <section>\r\n    <div class=\"ck-cta ck-reveal\">\r\n      <h2>Ready to order your cake?<\/h2>\r\n      <p>Fresh, custom-made, and delivered with love.<\/p>\r\n      <a href=\"#menu\" class=\"ck-btn-primary\">\ud83c\udf82 Order Now<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ Scroll-reveal animation using IntersectionObserver\r\n  (function () {\r\n    const items = document.querySelectorAll('.ck-page .ck-reveal');\r\n    if (!items.length) return;\r\n    const io = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('ck-in');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    items.forEach(item => io.observe(item));\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Freshly Baked, Daily Cakes made for your sweetest moments Custom cakes, cupcakes &amp; desserts baked fresh to order \u2014 birthdays, weddings, or just because. Design it your way, we&#8217;ll bake it to perfection. \ud83c\udf82 Order a Cake View Menu Why Choose Us Baked with love, every time Fresh Ingredients Only real butter, cream &amp; quality &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cakery.pk\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cakery.pk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cakery.pk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cakery.pk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cakery.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":10,"href":"https:\/\/cakery.pk\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":77,"href":"https:\/\/cakery.pk\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/77"}],"wp:attachment":[{"href":"https:\/\/cakery.pk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}