Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ae63a9039b | |||
| 2ae209e493 | |||
| 943902931b | |||
| 376c05e7ea | |||
| cf4e90d8a3 | |||
| a7a8abd7f7 | |||
| 49170171b6 | |||
| e3c8eb1eeb | |||
| b6f911c521 | |||
| b6cf1f1651 | |||
| c34f58448c | |||
| b0d2a27bc4 |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Nunito } from "next/font/google";
|
import { Nunito } from "next/font/google";
|
||||||
|
import { Figtree } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,8 +21,9 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const nunito = Nunito({
|
|
||||||
variable: "--font-nunito",
|
const figtree = Figtree({
|
||||||
|
variable: "--font-figtree",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -33,7 +35,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${nunito.variable} antialiased`}>
|
<body className={`${figtree.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
|||||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||||
import { Clock, Leaf, Truck, Utensils } from "lucide-react";
|
import { Clock, Leaf, MessageCircle, Truck, Utensils } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -39,6 +39,8 @@ export default function LandingPage() {
|
|||||||
name: "About", id: "about"},
|
name: "About", id: "about"},
|
||||||
{
|
{
|
||||||
name: "Contact", id: "contact"},
|
name: "Contact", id: "contact"},
|
||||||
|
{
|
||||||
|
name: "WhatsApp", id: "whatsapp"},
|
||||||
]}
|
]}
|
||||||
brandName="Bolani"
|
brandName="Bolani"
|
||||||
/>
|
/>
|
||||||
@@ -47,7 +49,7 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars"}}
|
variant: "plain"}}
|
||||||
title="Authentic Afghan Flavors"
|
title="Authentic Afghan Flavors"
|
||||||
description="Experience the traditional taste of Bolani in the heart of Kabul. Every bite is a journey through our heritage."
|
description="Experience the traditional taste of Bolani in the heart of Kabul. Every bite is a journey through our heritage."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
@@ -67,7 +69,7 @@ export default function LandingPage() {
|
|||||||
name: "Sara Ahmadi", handle: "@saraa", testimonial: "Absolutely delicious, clean environment and very friendly staff.", rating: 5,
|
name: "Sara Ahmadi", handle: "@saraa", testimonial: "Absolutely delicious, clean environment and very friendly staff.", rating: 5,
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg"},
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg"},
|
||||||
]}
|
]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df8RaWzDeiR9ff7ESWLFZd3prv/uploaded-1778661990322-2a9zzdc2.png?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Df8RaWzDeiR9ff7ESWLFZd3prv/uploaded-1778663313050-21v0uncz.png"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
@@ -95,6 +97,8 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
type: "text", text: "Best in Kabul"},
|
type: "text", text: "Best in Kabul"},
|
||||||
]}
|
]}
|
||||||
|
buttons={[{
|
||||||
|
text: "Chat on WhatsApp", href: "https://wa.me/93700000000"}]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -207,7 +211,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars"}}
|
variant: "plain"}}
|
||||||
title="Visit Us Today"
|
title="Visit Us Today"
|
||||||
description="Need a reservation or have questions? Contact us now."
|
description="Need a reservation or have questions? Contact us now."
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -229,6 +233,8 @@ export default function LandingPage() {
|
|||||||
label: "About", href: "#about"},
|
label: "About", href: "#about"},
|
||||||
{
|
{
|
||||||
label: "Contact", href: "#contact"},
|
label: "Contact", href: "#contact"},
|
||||||
|
{
|
||||||
|
label: "WhatsApp", href: "https://wa.me/93700000000"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-nunito), sans-serif;
|
font-family: var(--font-figtree), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-nunito), sans-serif;
|
font-family: var(--font-figtree), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f6f0e9;
|
--background: #0a0a0a;
|
||||||
--card: #efe7dd;
|
--card: #1a1a1a;
|
||||||
--foreground: #2b180a;
|
--foreground: #fffffae6;
|
||||||
--primary-cta: #c85a1a;
|
--primary-cta: #fde047;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #0a0a0a;
|
||||||
--secondary-cta: #efe7dd;
|
--secondary-cta: #1a1a1a;
|
||||||
--secondary-cta-text: #2b180a;
|
--secondary-cta-text: #fffffae6;
|
||||||
--accent: #b8860b;
|
--accent: #737373;
|
||||||
--background-accent: #e1b875;
|
--background-accent: #737373;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user