feat: New design and optimization

This commit is contained in:
2025-10-27 13:23:05 +05:45
parent 63777cb3c1
commit db9315ad22
44 changed files with 2877 additions and 336 deletions

View File

@@ -1,7 +1,8 @@
import { Swiper, Testimonial } from '@/components/pages/Home';
import { Button } from '@/components/ui/button';
import Layout from '@/layouts/client/layout';
import { about } from '@/routes';
import { about, artOfWeaving } from '@/routes';
import { useTranslations } from '@/utils/i18n';
import artofWeaving from '@asset/img/carpet/IMG_1301.jpg';
import kaleenCarpet from '@asset/img/carpet/IMG_3401.jpg';
import sooryaCarpet from '@asset/img/carpet/sci trad 31.jpg';
@@ -11,8 +12,19 @@ import { MoveRight } from 'lucide-react';
export default function Welcome({
data,
}: {
data: { carousel: [{ image_url: string; alt: string }] };
data: {
carousel: [{ image_url: string; alt: string }];
testimonial: [
{
name: string;
location: string;
image: string;
description: string;
},
];
};
}) {
const { t } = useTranslations();
return (
<>
<Head title="Premium Hand Knotted Carpets in Nepal">
@@ -38,13 +50,10 @@ export default function Welcome({
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-1">
<h2 className="font-serif text-3xl font-medium">
Soorya Carpet
{t('pages.home.sections.first.title')}
</h2>
<p className="text-gray-500">
Discover the journey of Kaleen Carpets, a
testament to enduring craftsmanship,
innovative design, and a commitment to
enriching lives through beautiful artistry.
{t('pages.home.sections.first.desc')}
</p>
</div>
<Link href={about()}>
@@ -52,7 +61,8 @@ export default function Welcome({
variant={'outline'}
className="w-fit cursor-pointer border border-primary bg-transparent font-serif ring-primary"
>
Learn More <MoveRight />
{t('pages.home.sections.first.button')}{' '}
<MoveRight />
</Button>
</Link>
</div>
@@ -61,21 +71,21 @@ export default function Welcome({
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-1">
<h3 className="font-serif text-3xl font-medium">
The Kaleen Rebrand
{t('pages.home.sections.second.title')}
</h3>
<p className="text-gray-500">
In 2015, Kaleen embarked on a transformative
journey, evolving from a traditional
manufacturer to a dynamic, luxury lifestyle
brand.
{t('pages.home.sections.second.desc')}
</p>
</div>
<Button
variant={'outline'}
className="w-fit border border-primary bg-transparent font-serif ring-primary"
>
Learn More <MoveRight />
</Button>
<Link href={about()}>
<Button
variant={'outline'}
className="w-fit cursor-pointer border border-primary bg-transparent font-serif ring-primary"
>
{t('pages.home.sections.second.button')}
<MoveRight />
</Button>
</Link>
</div>
<img
src={kaleenCarpet}
@@ -92,24 +102,24 @@ export default function Welcome({
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-1">
<h2 className="font-serif text-3xl font-medium">
Art of Weaving
{t('pages.home.sections.third.title')}
</h2>
<p className="text-gray-500">
Since time immemorial, the art of carpet
making has captured millions of carpet
connoisseurs from around the world and still
continues to do so.
{t('pages.home.sections.third.desc')}
</p>
</div>
<Button
variant={'outline'}
className="w-fit border border-primary bg-transparent font-serif ring-primary"
>
Learn More <MoveRight />
</Button>
<Link href={artOfWeaving()}>
<Button
variant={'outline'}
className="w-fit cursor-pointer border border-primary bg-transparent font-serif ring-primary"
>
{t('pages.home.sections.third.button')}{' '}
<MoveRight />
</Button>
</Link>
</div>
</section>
<Testimonial />
<Testimonial testimonial={data?.testimonial} />
</div>
</Layout>
</>