bender/bf3fd4e8-a3cd-4fcd-ac98-d27bdccb25c2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-15 18:41:06 +00:00
Conversation 0 Commits 2 Files Changed 2 +46 -267
2 changed files with 46 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

309
src/app/page.tsx
View File

@@ -3,15 +3,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Shield } from "lucide-react";
import { Shield, Phone, MapPin, CalendarDays } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,90 +31,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Services", id: "#services" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
{ name: "FAQ", id: "#faq" },
{ name: "Contact", id: "#contact" },
]}
brandName="Unicare Dental"
button={{
text: "Book Appointment",
href: "#contact",
}}
text: "Book Online", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="High-Quality, Painless Dental Care You Can Trust"
description="At Unicare Dental Clinic, your comfort and health are our top priorities. We combine modern equipment with expert professionals to give you the perfect smile."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
buttons={[{ text: "Book Appointment", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149164330.jpg",
alt: "Patient 1",
},
{
src: "http://img.b2bpic.net/free-photo/mid-adult-dentist-with-patient-dental-clinic_662251-2616.jpg",
alt: "Patient 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-smiling-dentist-office_23-2148338112.jpg",
alt: "Patient 3",
},
{
src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-mirror_107420-65403.jpg",
alt: "Patient 4",
},
{
src: "http://img.b2bpic.net/free-photo/beauty-skincare-closeup-young-redhead-woman-with-freckles-blue-eyes-touching-clean-no-makeup-skin-smiling-standing-pink-tshirt-against-white-background_176420-53246.jpg",
alt: "Patient 5",
},
]}
avatarText="Trusted by over 5,000+ happy patients"
marqueeItems={[
{
type: "text",
text: "Teeth Whitening",
},
{
type: "text",
text: "Painless Dentistry",
},
{
type: "text",
text: "Modern Equipment",
},
{
type: "text",
text: "Certified Professionals",
},
{
type: "text",
text: "Family Dental Care",
},
]}
/>
</div>
@@ -123,34 +58,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Teeth Cleaning",
description: "Professional removal of plaque and tartar for a healthier smile.",
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-cares-about-teeth-holds-dental-floss-surrounded-by-toothpaste-brushes_273609-37071.jpg",
},
{
title: "Teeth Whitening",
description: "Get a brighter, whiter smile with our safe and effective treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/dental-health-hygiene-concept-dark-skinned-curly-woman-closes-eyes-shows-white-healthy-teeth-holds-two-tooth-brushes-enjoys-morning-routine-stands-indoor-against-purple-wall_273609-42646.jpg",
},
{
title: "Braces",
description: "Correct your bite and alignment with modern orthodontic solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-curly-haired-woman-cleans-teeth-with-electric-toothbrush-undergoes-morning-dental-hygiene-holds-glass-mouthwash-dressed-casually-isolated-blue-background-stomatology-concept_273609-60921.jpg",
},
{
title: "Root Canal",
description: "Painless treatment to save infected teeth and restore health.",
imageSrc: "http://img.b2bpic.net/free-photo/calm-attractive-guy-cleaning-his-teeth-with-toothbrush_259150-57699.jpg",
},
{
title: "Dental Implants",
description: "Durable and natural-looking replacement for missing teeth.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053276.jpg",
},
{ title: "Teeth Cleaning", description: "Professional removal of plaque and tartar.", imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-cares-about-teeth-holds-dental-floss-surrounded-by-toothpaste-brushes_273609-37071.jpg" },
{ title: "Teeth Whitening", description: "Brighter, whiter smile with safe treatments.", imageSrc: "http://img.b2bpic.net/free-photo/dental-health-hygiene-concept-dark-skinned-curly-woman-closes-eyes-shows-white-healthy-teeth-holds-two-tooth-brushes-enjoys-morning-routine-stands-indoor-against-purple-wall_273609-42646.jpg" },
{ title: "Braces", description: "Modern orthodontic alignment solutions.", imageSrc: "http://img.b2bpic.net/free-photo/photo-curly-haired-woman-cleans-teeth-with-electric-toothbrush-undergoes-morning-dental-hygiene-holds-glass-mouthwash-dressed-casually-isolated-blue-background-stomatology-concept_273609-60921.jpg" },
]}
title="Our Professional Services"
description="We offer a comprehensive range of treatments to maintain your oral health and aesthetics."
description="We offer a comprehensive range of treatments to maintain your oral health."
buttons={[{ text: "Book Consultation", href: "#contact" }]}
/>
</div>
@@ -159,188 +73,53 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="About Us"
title="Expertise Meets Compassionate Care"
description="Unicare Dental Clinic stands for professionalism, trust, and patient-centric care. Our team of certified dentists is dedicated to using the latest technology to ensure a pain-free, comfortable experience for every patient."
subdescription="With years of experience in high-quality dental care, we make sure every patient feels safe and confident."
description="Unicare Dental Clinic stands for professionalism, trust, and patient-centric care. Our team of certified dentists is dedicated to using the latest technology to ensure a pain-free experience."
subdescription="Your smile is our passion."
icon={Shield}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTen
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Excellent Service",
quote: "The most comfortable dental experience I have ever had.",
name: "Sarah Johnson",
role: "Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/patient-shaking-hand-with-dentist_23-2148396211.jpg",
},
{
id: "2",
title: "Highly Recommended",
quote: "I am so happy with my teeth whitening. The clinic is modern.",
name: "Michael Chen",
role: "Architect",
imageSrc: "http://img.b2bpic.net/free-photo/sincere-ginger-woman-smiling_176420-8113.jpg",
},
{
id: "3",
title: "Professional Team",
quote: "They made my root canal procedure absolutely painless.",
name: "Emily Rodriguez",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/forget-about-your-teeth_329181-7809.jpg",
},
{
id: "4",
title: "Great Results",
quote: "My dental implants look perfectly natural.",
name: "David Kim",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-holding-toothbrush_23-2148272516.jpg",
},
{
id: "5",
title: "Trustworthy Care",
quote: "A wonderful, welcoming clinic. Very kind staff.",
name: "Laura Smith",
role: "Writer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-dentist_23-2148396149.jpg",
},
]}
title="Patient Reviews"
description="We take pride in the smiles we have created. Here is what our satisfied patients say about their experience."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Dental Tips for Healthier Smiles"
description="Professional insights to help you maintain better oral hygiene at home."
blogs={[
{
id: "b1",
category: "Tips",
title: "Best Brushing Practices",
excerpt: "Learn how to effectively brush your teeth.",
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-brushes-teeth-indoor-holds-toothbrush-glass-mouthwash-takes-care-her-health-performing-daily-routine-wears-headband-casual-striped-t-shirt-isolated-blue-background_273609-60190.jpg",
authorName: "Dr. Unicare",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg",
date: "Jan 12, 2025",
},
{
id: "b2",
category: "Advice",
title: "Choosing Whitening Products",
excerpt: "What to look for in whitening solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-sits-chair-dentist-office-while-doctor-shows-her-something_8353-1652.jpg",
authorName: "Dr. Unicare",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg",
date: "Jan 15, 2025",
},
{
id: "b3",
category: "Care",
title: "Managing Dental Anxiety",
excerpt: "Simple steps for a stress-free visit.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053270.jpg",
authorName: "Dr. Unicare",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372735-3m2kihzw.jpg",
date: "Jan 20, 2025",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Is treatment painful?",
content: "Our modern techniques ensure comfort.",
},
{
id: "f2",
title: "How long does treatment take?",
content: "Depends on the specific procedure.",
},
{
id: "f3",
title: "Do you offer emergency care?",
content: "Yes, we prioritize emergency cases.",
},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Common queries regarding our services."
<FaqDouble
title="Frequently Asked Questions"
description="Everything you need to know about your dental visit."
faqsAnimation="slide-up"
textboxLayout="default"
faqs={[
{ id: "f1", title: "Is the procedure painful?", content: "We utilize modern sedation and gentle techniques to ensure comfort." },
{ id: "f2", title: "What if I have an emergency?", content: "We provide same-day urgent care appointments for existing patients." },
{ id: "f3", title: "Do you accept insurance?", content: "Yes, we work with most major insurance providers." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready for a painless smile? Contact us now or book an appointment online."
buttons={[
{
text: "Call +1 234 567 890",
href: "tel:+1234567890",
},
{
text: "WhatsApp Us",
href: "https://wa.me/1234567890",
},
<ContactSplitForm
title="Book Your Appointment"
description="Schedule your visit today and experience top-tier dental care. Provide your details below and our team will confirm your slot."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
]}
textarea={{ name: "notes", placeholder: "What brings you in today?", rows: 4 }}
buttonText="Submit Request"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CPDG8gHx8Mgrochwp9Sy50B0MQ/uploaded-1776278372734-2df59ii6.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Cleaning",
href: "#services",
},
{
label: "Whitening",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Us",
href: "tel:+1234567890",
},
{
label: "Email",
href: "mailto:info@unicaredental.com",
},
],
},
]}
<FooterBaseReveal
logoText="Unicare Dental Clinic"
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Book Now", href: "#contact" }] },
{ title: "Contact Details", items: [{ label: "+1 234 567 890", href: "tel:+1234567890" }, { label: "info@unicaredental.com", href: "mailto:info@unicaredental.com" }] },
]}
copyrightText="© 2025 | Unicare Dental Clinic. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/variables.css
View File

@@ -13,12 +13,12 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);