feat: New design and optimization
This commit is contained in:
@@ -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>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user