Skip to content

Commit

Permalink
changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@digitaldesigndj
digitaldesigndj committed May 24, 2023
1 parent 6607851 commit 98c6f8c
Show file tree
Hide file tree
Showing 2 changed files with 116 additions and 122 deletions.
2 changes: 1 addition & 1 deletion components/Layout.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ export const globalStyles = css({
backgroundColor: theme("colors.blue"),
},
".logo-gradient":
apply`bg-clip-text text-transparent bg-gradient-to-b from-indigo via-blue via-blue to-pink`,
apply`bg-clip-text text-transparent bg-gradient-to-b from-indigo via-blue via-blue to-morepink`,
},
})

Expand Down
236 changes: 115 additions & 121 deletions routes/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,128 +9,122 @@ export default function Home() {
<Head>
<title>Seaside Pharmacy</title>
</Head>
<div class="mx-auto text-center max-w-sm my-5 bg-white border-blue border-dashed border-4 text-xl">
<div class="border-4 border-pink">
<div class="border-4 border-pink border-dotted">
<div class="border-4 border-pink p-8">
<h2
class="font-lora font-bold uppercase relative mb-4"
style="font-size: 4.15rem; line-height: 0.7;"
>
<span class="logo-gradient">Seaside</span>
<span class="text-5xl inline-block logo-gradient">
Pharmacy
</span>
</h2>
<div class="mb-3">
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
</div>
<p class="text-2xl">
<a href="tel:781-284-6525">
781-284-6525
</a>
</p>
<table class="mx-auto my-4 text-left text-dark">
<tbody class="hours-table">
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Mon
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Tue
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Wed
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Thu
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Fri
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Sat
</p>
</th>
<td class="">
9:00 AM - 5:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Sun
</p>
</th>
<td class="">
Closed
</td>
</tr>
</tbody>
</table>

<p>
<a href="https://goo.gl/maps/ZuBSQdKqEavcKrgf9">
Click here to visit us on Google Maps
</a>
</p>
<p>Located in Revere, Massachusetts</p>
</div>
<div class="hidden">
<Layout>
<section class="bg-white mx-auto max-w-screen-lg py-6 px-8 gap-4">
</section>
</Layout>
</div>
</div>
<div class="mx-auto text-center max-w-sm my-5 bg-white rounded-md border-pink border-4 text-xl p-8">
<h2
class="font-lora font-bold uppercase relative mb-4"
style="font-size: 4.15rem; line-height: 0.7;"
>
<span class="logo-gradient">Seaside</span>
<span class="text-5xl inline-block logo-gradient">
Pharmacy
</span>
</h2>
<div class="mb-3">
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
<IconPill class="text-pink inline rotate-135" />
<IconPill class="text-blue inline rotate-90" />
</div>
<p class="text-2xl">
<a href="tel:781-284-6525">
781-284-6525
</a>
</p>
<table class="mx-auto my-4 text-left text-dark">
<tbody class="hours-table">
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Mon
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Tue
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Wed
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Thu
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Fri
</p>
</th>
<td class="">
9:00 AM - 7:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Sat
</p>
</th>
<td class="">
9:00 AM - 5:00 PM
</td>
</tr>
<tr class="">
<th class="pr-3" scope="col">
<p class="">
Sun
</p>
</th>
<td class="">
Closed
</td>
</tr>
</tbody>
</table>

<p>
<a href="https://goo.gl/maps/ZuBSQdKqEavcKrgf9">
Click here to visit us on Google Maps
</a>
</p>
<p>Located in Revere, Massachusetts</p>
</div>
<div class="hidden">
<Layout>
<section class="bg-white mx-auto max-w-screen-lg py-6 px-8 gap-4">
</section>
</Layout>
</div>
</>
)
Expand Down

0 comments on commit 98c6f8c

Please sign in to comment.