From 7ded9bfa57c7c98fdb3dff6266cec2351757f732 Mon Sep 17 00:00:00 2001
From: Manuel Ernesto Garcia <merodriguez9112@gmail.com>
Date: Sun, 23 Oct 2022 16:51:06 -0400
Subject: [PATCH] imrpoving ui SEO and adding pages for store details

---
 public/itemPreview.png                  | Bin 0 -> 6740 bytes
 public/squared_item.png                 | Bin 8207 -> 0 bytes
 src/components/HorizontalShopItem.astro |  32 +++++++++++--
 src/layouts/StoreItemLayout.astro       |  61 ++++++++++++++++++++++++
 src/pages/index.astro                   |   2 +-
 src/pages/store/[page].astro            |   3 ++
 src/pages/store/item1.md                |  11 +++--
 src/pages/store/item2.md                |   9 ++--
 8 files changed, 107 insertions(+), 11 deletions(-)
 create mode 100644 public/itemPreview.png
 delete mode 100644 public/squared_item.png
 create mode 100644 src/layouts/StoreItemLayout.astro

diff --git a/public/itemPreview.png b/public/itemPreview.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f9b7500741f0e4c995cc3349dc0a28e7de5a33b
GIT binary patch
literal 6740
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
YEuo#lW&)_;7V#fdQ_@zfl(z~0A4UmS+W-In

literal 0
HcmV?d00001

diff --git a/public/squared_item.png b/public/squared_item.png
deleted file mode 100644
index fbe3cd1f28c1fd2b90eaf4742ae0caa230196449..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 8207
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
EAFa{%+5i9m

diff --git a/src/components/HorizontalShopItem.astro b/src/components/HorizontalShopItem.astro
index d082abd..b54c356 100644
--- a/src/components/HorizontalShopItem.astro
+++ b/src/components/HorizontalShopItem.astro
@@ -1,5 +1,18 @@
 ---
-const { title, img, desc, url, badge, tags, target = "_blank", pricing, oldPricing, checkoutUrl } = Astro.props;
+const {
+  title,
+  img,
+  desc,
+  url,
+  badge,
+  target = "_blank",
+  pricing,
+  oldPricing,
+  checkoutUrl,
+  details = true,
+  custom_link = false,
+  custom_link_label = "",
+} = Astro.props;
 ---
 
 <div class="rounded-lg bg-base-100 hover:shadow-xl transition ease-in-out hover:scale-[102%]">
@@ -16,8 +29,21 @@ const { title, img, desc, url, badge, tags, target = "_blank", pricing, oldPrici
       </div>
       <p class="py-1 text-1xl">{desc}</p>
       <div class="card-actions md:justify-end mt-3 md:mt-0 flex">
-        <a class="btn btn-primary grow md:grow-0" href={checkoutUrl}>Buy Now</a>
-        <a href={url} class="btn btn-outline grow md:grow-0">Details </a>
+        <a class="btn btn-primary grow md:grow-0" href={checkoutUrl} target="_blank">Buy</a>
+        {
+          custom_link && (
+            <a href={custom_link} target="_blank" class="btn btn-outline grow md:grow-0">
+              {custom_link_label}
+            </a>
+          )
+        }
+        {
+          details && (
+            <a href={url} class="btn btn-outline grow md:grow-0">
+              Details
+            </a>
+          )
+        }
       </div>
     </div>
   </div>
diff --git a/src/layouts/StoreItemLayout.astro b/src/layouts/StoreItemLayout.astro
new file mode 100644
index 0000000..3d4cfb9
--- /dev/null
+++ b/src/layouts/StoreItemLayout.astro
@@ -0,0 +1,61 @@
+---
+import BaseHead from "../components/BaseHead.astro";
+import BaseLayout from "./BaseLayout.astro";
+
+const {
+  content: {
+    title,
+    description,
+    pubDate,
+    updatedDate,
+    heroImage,
+    pricing,
+    oldPricing,
+    checkoutUrl,
+    badge,
+    custom_link,
+    custom_link_label,
+  },
+} = Astro.props;
+---
+
+<BaseLayout title={title} description={description} image={heroImage}>
+  <main class="md:flex md:justify-center">
+    <article class="prose prose-lg max-w-[750px] prose-img:mx-auto">
+      {heroImage && <img src={heroImage} alt={title} class="w-full mb-6" />}
+      <div class="">
+        <h1 class="title my-2 text-4xl font-bold">
+          {title}
+          {badge && <div class="badge badge-secondary mx-2">{badge}</div>}
+        </h1>
+        <div class="flex place-content-between items-center">
+          <div class="grow md:grow-0">
+            <span class="text-xl mr-1"> {pricing}</span>
+            <span class="text-md opacity-50 line-through">{oldPricing}</span>
+          </div>
+          <div>
+            {
+              custom_link && (
+                <a class="btn btn-outline grow md:grow-0 ml-4" href={custom_link} target="_blank">
+                  {custom_link_label}
+                </a>
+              )
+            }
+            <a class="btn btn-primary grow md:grow-0 ml-4" href={checkoutUrl} target="_blank">Buy Now</a>
+          </div>
+        
+        </div>
+      </div>
+      {
+        updatedDate && (
+          <div>
+            {" "}
+            Last updated on <time>{updatedDate}</time>{" "}
+          </div>
+        )
+      }
+      <div class="divider my-2"></div>
+      <slot />
+    </article>
+  </main>
+</BaseLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2a7fb44..1d51107 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -17,7 +17,7 @@ const last_posts = posts.slice(0, 3);
       <div class="text-3xl py-3 font-bold">Software Engineer and Entrepreneur</div>
       <div class="py-2">
         <text class="text-lg">
-          I made this template for everyone who needs to create a personal website easily and quickly. This template includes Project Section, CV Section, Paginated Blog, RSS Feed, SEO Friendly, Responsive Desing and 29 Visual themes. I hope you find it useful!
+          I made this template for everyone who needs to create a personal website easily and quickly. This template includes Project Section, CV Section, Store, Paginated Blog, RSS Feed, SEO Friendly, Responsive Desing and 29 Visual themes. I hope you find it useful!
           </text
         >
       </div>
diff --git a/src/pages/store/[page].astro b/src/pages/store/[page].astro
index 0ac600b..be66f93 100644
--- a/src/pages/store/[page].astro
+++ b/src/pages/store/[page].astro
@@ -24,8 +24,11 @@ const { page } = Astro.props;
         oldPricing={post.frontmatter.oldPricing}
         checkoutUrl={post.frontmatter.checkoutUrl}
         badge={post.frontmatter.badge}
+        details={post.frontmatter.details}
         tags={post.frontmatter.tags}
         url={post.url}
+        custom_link={post.frontmatter.custom_link}
+        custom_link_label={post.frontmatter.custom_link_label}
 		target="_self"
       />
 	  <div class="divider my-0"></div>
diff --git a/src/pages/store/item1.md b/src/pages/store/item1.md
index ec93a95..72c3e28 100644
--- a/src/pages/store/item1.md
+++ b/src/pages/store/item1.md
@@ -1,13 +1,16 @@
 ---
-layout: "../../layouts/PostLayout.astro"
+layout: "../../layouts/StoreItemLayout.astro"
 title: "Demo Item 1"
 description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-pubDate: "Sep 10 2022"
+details: true
+custom_link_label: "Live Preview"
+custom_link: "https://demourl.com/"
+pubDate: "Sep 15 2022"
 pricing: "$15"
 badge: "Featured"
 tags: ['Tag1','Tag2']
-checkoutUrl: "https://github.com/"
-heroImage: "/squared_item.png"
+checkoutUrl: "https://checkouturl.com/"
+heroImage: "/itemPreview.png"
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet.
diff --git a/src/pages/store/item2.md b/src/pages/store/item2.md
index 686af79..17cafbf 100644
--- a/src/pages/store/item2.md
+++ b/src/pages/store/item2.md
@@ -1,12 +1,15 @@
 ---
-layout: "../../layouts/PostLayout.astro"
+layout: "../../layouts/StoreItemLayout.astro"
 title: "Demo Item 2"
 description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+details: false
+custom_link_label: "Custom Btn"
+custom_link: "https://customurl.com/"
 pubDate: "Sep 11 2022"
 pricing: "$10"
 oldPricing: "$25.5"
-checkoutUrl: "https://github.com/"
-heroImage: "/squared_item.png"
+checkoutUrl: "https://checkouturl.com/"
+heroImage: "/itemPreview.png"
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet.