tanshu/kakawa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Category slider responsive.

Browse Source 
New Typography based on:

https://www.wix.com/studio/blog/font-size
This commit is contained in:
Amritanshu Agrawal
2024-09-30 22:06:25 +05:30
parent 2519b4f740
commit 6ff0623762
12 changed files with 116 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/(static)/page.tsx
View File

@ -18,7 +18,7 @@ export default function HomePage() {
<div className='w-full md:w-1/2 h-[90vh] md:h-auto'>
<div className='m-8 space-y-10'>
<AnimatedText finishClass='delay-300'>
<h2 className='text-6xl font-normal text-justify font-montera'>
<h2 className='text-s-title font-normal text-justify font-montera'>
Brand Story
</h2>
</AnimatedText>
@ -26,16 +26,16 @@ export default function HomePage() {
startClass='translate-y-8'
finishClass='translate-y-0'
>
<p className='text-xl text-justify'>
<p className='text-s-normal text-justify'>
Mozimo&apos;s journey is a passionate pursuit of crafting
exceptional chocolate that celebrates the origin of each cocoa
bean.
</p>
<p className='text-xl text-justify'>
<p className='text-s-normal text-justify'>
We meticulously roast, crack, winnow, and refine beans in-house,
using modern techniques to highlight their natural flavors.
</p>
<p className='text-xl text-justify'>
<p className='text-s-normal text-justify'>
Each chocolate is a masterpiece, capturing the essence of cocoa
in its purest form.
</p>
@ -67,10 +67,10 @@ export default function HomePage() {
<div className='w-full md:w-1/2'>
<div className='m-8 space-y-10'>
<AnimatedText finishClass='delay-300'>
<h2 className='text-6xl font-normal text-justify font-montera'>
<h2 className='text-s-title font-normal text-justify font-montera'>
Discover the delicate art of our
</h2>
<h3 className='text-8xl font-normal text-justify font-samantha'>
<h3 className='text-s-title font-normal text-justify font-samantha'>
Chocolate Tempering
</h3>
</AnimatedText>
@ -78,7 +78,7 @@ export default function HomePage() {
startClass='translate-y-8'
finishClass='translate-y-0'
>
<p className='text-xl text-justify'>
<p className='text-s-normal text-justify'>
Crafted to perfection Mozimo delivers a sublime sensory
experience with every bite. Experience the epitome of indulgence
with our perfectly tempered chocolate: velvety smooth,
@ -91,7 +91,7 @@ export default function HomePage() {
</section>
{/* Fourth Three-Column Layout (Collections) */}
<section className='flex flex-col items-center py-12 px-4 sm:px-6 lg:px-8'>
<div className='w-full text-6xl font-normal font-montera text-center py-12 px-4 sm:px-6 lg:px-8'>
<div className='w-full text-s-headline font-normal font-montera text-center py-12 px-4 sm:px-6 lg:px-8'>
Our Collections
</div>
<Collections />
@ -100,13 +100,13 @@ export default function HomePage() {
<ChocolateCategories />
{/* Sixth Layout (Instagram) */}
<section className='flex flex-col items-center py-12 px-4 sm:px-6 lg:px-8'>
<div className='w-full text-6xl font-normal font-montera text-center py-12 px-4 sm:px-6 lg:px-8'>
<div className='w-full text-s-headline font-normal font-montera text-center py-12 px-4 sm:px-6 lg:px-8'>
Follow us on Instagram
</div>
<InstagramFeed />
</section>
<section className='flex flex-col items-center bg-white py-12 px-4 sm:px-6 lg:px-8'>
<div className='w-full text-6xl font-normal font-montera text-center py-12 px-4 sm:px-6 lg:px-8'>
<div className='w-full text-s-headline font-normal font-montera text-center py-12 px-4 sm:px-6 lg:px-8'>
In the Spotlight
</div>
<Spotlight />