Compare commits
19 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b02f67e0b0 | |||
| 9dde8c1ae6 | |||
| 86bf936e1b | |||
| e65a0c4e5e | |||
| 7935837e0e | |||
| 4d2f27e7be | |||
| db951555aa | |||
| 5a63fa8193 | |||
| 9b080073a3 | |||
| 984a0a2a99 | |||
| d8ef2f936b | |||
| ba7376ae91 | |||
| 0e36211c8e | |||
| e97bdde033 | |||
| d95f1210c1 | |||
| fc90cad803 | |||
| e69e7228b2 | |||
| 1fa4c841e2 | |||
| 7c9a705fbc |
@@ -7,6 +7,8 @@ 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 { Public_Sans } from "next/font/google";
|
import { Public_Sans } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { Lato } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,9 +22,12 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const publicSans = Public_Sans({
|
|
||||||
variable: "--font-public-sans",
|
|
||||||
|
const lato = Lato({
|
||||||
|
variable: "--font-lato",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
|
weight: ["100", "300", "400", "700", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -33,7 +38,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${publicSans.variable} antialiased`}>
|
<body className={`${lato.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -8,10 +8,11 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
|
|||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||||
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import { Award, FileText, Shield, Sparkles, User, Zap } from "lucide-react";
|
import { Award, FileText, Shield, Sparkles, User, Zap } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -63,23 +64,21 @@ export default function LandingPage() {
|
|||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-peppers-carrots-garlic-other-vegetables-white-background_140725-141123.jpg", imageAlt: "Fonksiyonel Beslenme"},
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-peppers-carrots-garlic-other-vegetables-white-background_140725-141123.jpg", imageAlt: "Fonksiyonel Beslenme"},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg", imageAlt: "Klinik Ortamı"},
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg", imageAlt: "Klinik Ortamı"},
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-talking-patient-about-vegetables_23-2148302105.jpg", imageAlt: "Medium shot doctor talking to patient about vegetables"},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-stethoscope_23-2147612174.jpg", imageAlt: "Apple and stethoscope"},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={true}
|
|
||||||
title="Neden Fonksiyonel Tıp ve Beslenme?"
|
title="Neden Fonksiyonel Tıp ve Beslenme?"
|
||||||
buttons={[
|
description={[
|
||||||
{
|
"Fonksiyonel tıp, hastalıkları sadece semptomları bastırmakla değil, kök nedenlerini anlayarak ele alır.", "Beslenme planlarımızı tamamen sizin biyokimyasal ihtiyaçlarınıza ve yaşam tarzınıza göre özelleştiriyoruz.", "Amacımız sadece kilo vermek değil, uzun vadeli ve sürdürülebilir bir sağlık durumuna kavuşmanızı sağlamak."
|
||||||
text: "Daha Fazlasını Öğren", href: "#"},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Randevu Al", href: "#contact" }
|
||||||
|
]}
|
||||||
|
useInvertedBackground={true}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -111,7 +110,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "p1", badge: "Başlangıç", price: "1.500 TL", subtitle: "Temel Beslenme Danışmanlığı", features: [
|
id: "p1", badge: "Başlangıç", price: "2.500 TL", subtitle: "Temel Beslenme Danışmanlığı", features: [
|
||||||
"1 Seans", "Vücut Analizi", "Kişisel Plan"],
|
"1 Seans", "Vücut Analizi", "Kişisel Plan"],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -150,6 +149,21 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="metric-cards" data-section="metric-cards">
|
||||||
|
<MetricCardThree
|
||||||
|
animationType="blur-reveal"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
title="Önemli Göstergeler"
|
||||||
|
description="Sağlık yolculuğunuzdaki temel metrikler."
|
||||||
|
metrics={[
|
||||||
|
{ id: "metric-1", icon: Award, title: "Sertifikalar", value: "15+" },
|
||||||
|
{ id: "metric-2", icon: Zap, title: "Vaka Çalışması", value: "800+" },
|
||||||
|
{ id: "metric-3", icon: Shield, title: "Yıllık Deneyim", value: "10+" },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardThirteen
|
<TestimonialCardThirteen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -223,4 +237,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -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-public-sans), sans-serif;
|
font-family: var(--font-lato), 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-public-sans), sans-serif;
|
font-family: var(--font-lato), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #0a0a0a;
|
--background: #f7f6f7;
|
||||||
--card: #1a1a1a;
|
--card: #ffffff;
|
||||||
--foreground: #f5f5f5;
|
--foreground: #1b0c25;
|
||||||
--primary-cta: #ffdf7d;
|
--primary-cta: #1b0c25;
|
||||||
--primary-cta-text: #0a0a0a;
|
--primary-cta-text: #f7f6f7;
|
||||||
--secondary-cta: #1a1a1a;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #ffffff;
|
--secondary-cta-text: #1b0c25;
|
||||||
--accent: #b8860b;
|
--accent: #ff93e4;
|
||||||
--background-accent: #8b6914;
|
--background-accent: #e8a8c3;
|
||||||
|
|
||||||
/* 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