Merge version_3 into main #3
@@ -1,8 +1,15 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Playfair_Display, Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
const playfairDisplay = Playfair_Display({
|
||||
variable: "--font-playfair-display", subsets: ["latin"],
|
||||
weight: ["400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Beratlar Kapı ve Mobilya - Premium Interior Doors & Furniture", description: "Handcrafted interior doors and furniture refinishing with meticulous attention to wood texture and quality finish. Experience quiet luxury and professional craftsmanship from Istanbul."};
|
||||
@@ -13,8 +20,8 @@ export default function RootLayout({
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body className={inter.className}>{children}
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<body className={`${playfairDisplay.variable} ${inter.variable}`}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
@@ -12,23 +12,23 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Beratlar"
|
||||
navItems={[
|
||||
{ name: "Ürünler", id: "products" },
|
||||
{ name: "Mobilya Yenileme", id: "services" },
|
||||
{ name: "Mobilya Yenileme", id: "about" },
|
||||
{ name: "İletişim", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Teklif Al", href: "contact" }}
|
||||
@@ -38,28 +38,46 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
tag="Premium Doors & Furniture"
|
||||
title="The Art of Doors"
|
||||
description="Handcrafted interior doors and furniture refinishing with meticulous attention to wood texture and quality finish. Experience quiet luxury and professional craftsmanship from Istanbul."
|
||||
<HeroSplitDoubleCarousel
|
||||
tag="Portfolio Showcase"
|
||||
title="Explore Our Craftsmanship"
|
||||
description="Discover our collection of handcrafted interior doors and refined furniture pieces. Each project showcases superior materials, masterful execution, and our commitment to quiet luxury."
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-bride-with-crown-head-wearing-stylish-peignoir-accessories-hiding-wardrobe-smiling-looking-camera-preparing-wedding-morning_8353-12223.jpg", imageAlt: "Premium wooden door with natural oak finish"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-l6fd5rem.png", imageAlt: "Premium wooden door project 1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-front-door-classic-wooden-door-apartment-entrance_169016-68121.jpg", imageAlt: "Elegant handcrafted interior door detail"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-yufuay3m.png", imageAlt: "Premium wooden door project 2"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-l6fd5rem.png", imageAlt: "Premium wooden door project 3"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-yufuay3m.png", imageAlt: "Premium wooden door project 4"
|
||||
}
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-58h6yxfs.png", imageAlt: "Interior refinishing project 1"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-0s3qnclr.png", imageAlt: "Interior refinishing project 2"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-58h6yxfs.png", imageAlt: "Interior refinishing project 3"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXnlksoNk88TKPGyRfBzfrGKLt/uploaded-1773065129043-0s3qnclr.png", imageAlt: "Interior refinishing project 4"
|
||||
}
|
||||
]}
|
||||
rating={5}
|
||||
ratingText="Rated 4.8/5 - Google"
|
||||
buttons={[
|
||||
{ text: "Ürünleri Keşfet", href: "#products" },
|
||||
{ text: "Danışmanlık Talep Et", href: "#contact" }
|
||||
{ text: "Explore Our Craftsmanship", href: "#products" },
|
||||
{ text: "Schedule Consultation", href: "#contact" }
|
||||
]}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
carouselPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,14 +174,14 @@ export default function LandingPage() {
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Services", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Interior Doors", href: "#products" },
|
||||
{ label: "Furniture Refinishing", href: "#services" },
|
||||
{ label: "Furniture Refinishing", href: "#about" },
|
||||
{ label: "Custom Design", href: "#contact" },
|
||||
{ label: "Installation", href: "#contact" }
|
||||
]
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-playfair-display), serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #efebe5;
|
||||
--card: #f7f2ea;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--background: #faf8f4;
|
||||
--card: #f5f1eb;
|
||||
--foreground: #3a3330;
|
||||
--primary-cta: #5a4a42;
|
||||
--primary-cta-text: #efebe5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f5f1eb;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--accent: #c9a876;
|
||||
--background-accent: #e8dcc8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user