Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0cbef9e629 | |||
| 81801a7cd5 | |||
| 01ec3964bf | |||
| 66a1bdd694 | |||
| 09a567305a | |||
| 33aeec11f1 | |||
| be44158f94 | |||
| d18a2da08f | |||
| 34d311b880 | |||
| 1740bee54b |
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Figtree } from "next/font/google";
|
||||
import { Open_Sans } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -15,8 +17,14 @@ export const metadata: Metadata = {
|
||||
description: "Generated by create next app",
|
||||
};
|
||||
|
||||
const figtree = Figtree({
|
||||
variable: "--font-figtree",
|
||||
|
||||
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
@@ -28,7 +36,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${figtree.variable} antialiased`}>
|
||||
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -45,7 +45,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
brandName="SmileCraft"
|
||||
button={{
|
||||
text: "Book Appointment", href: "#appointment"}}
|
||||
text: "Book Appointment", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,7 +57,7 @@ export default function LandingPage() {
|
||||
description="Expert dental care designed for your comfort. From routine checkups to advanced cosmetic procedures, we bring out your brightest smile."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment", href: "#appointment"},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
@@ -88,6 +88,30 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Award,
|
||||
title: "Experienced Dentists", value: "15+ Years"},
|
||||
{
|
||||
id: "m2", icon: Shield,
|
||||
title: "Pain-Free Guarantee", value: "100%"},
|
||||
{
|
||||
id: "m3", icon: Zap,
|
||||
title: "Same-Day Appointments", value: "Available"},
|
||||
{
|
||||
id: "m4", icon: Smile,
|
||||
title: "Satisfied Patients", value: "5000+"},
|
||||
]}
|
||||
title="Why SmileCraft?"
|
||||
description="Dedication to excellence, precision, and care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
@@ -113,30 +137,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Award,
|
||||
title: "Experienced Dentists", value: "15+ Years"},
|
||||
{
|
||||
id: "m2", icon: Shield,
|
||||
title: "Pain-Free Guarantee", value: "100%"},
|
||||
{
|
||||
id: "m3", icon: Zap,
|
||||
title: "Same-Day Appointments", value: "Available"},
|
||||
{
|
||||
id: "m4", icon: Smile,
|
||||
title: "Satisfied Patients", value: "5000+"},
|
||||
]}
|
||||
title="Why SmileCraft?"
|
||||
description="Dedication to excellence, precision, and care."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-figtree), 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-figtree), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user