Merge version_1 into main #1
174
src/app/page.tsx
174
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Search } from "lucide-react";
|
||||
import { Search, Zap, Snowflake, Activity, Sun } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,38 +33,28 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Consultation",
|
||||
id: "consultation",
|
||||
},
|
||||
name: "Consultation", id: "consultation"},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "treatments",
|
||||
},
|
||||
name: "Treatments", id: "treatments"},
|
||||
{
|
||||
name: "Pharmacy",
|
||||
id: "pharmacy",
|
||||
},
|
||||
name: "Pharmacy", id: "pharmacy"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dermis & Data"
|
||||
button={{ text: "Book Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Where Biology Meets Precision."
|
||||
description="D&D operates at the intersection of regenerative medicine and aesthetic science. We don't just glow—we reprogram."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-wide-range-dental-instrument-special-container_627829-9801.jpg"
|
||||
/>
|
||||
@@ -89,28 +79,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "The Photonic Reset",
|
||||
description: "Multi-spectrum laser arrays to erase hyperpigmentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-removing-mole-from-womans-shoulder_107420-74022.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "The Photonic Reset", description: "Multi-spectrum laser arrays to erase hyperpigmentation.", imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-removing-mole-from-womans-shoulder_107420-74022.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Cryo-Sculpt Infusion",
|
||||
description: "Liquid nitrogen and Hyaluronic acid to freeze inflammation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-face_107420-74044.jpg",
|
||||
buttonIcon: "Snowflake",
|
||||
title: "Cryo-Sculpt Infusion", description: "Liquid nitrogen and Hyaluronic acid to freeze inflammation.", imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-face_107420-74044.jpg", buttonIcon: Snowflake,
|
||||
},
|
||||
{
|
||||
title: "Platelet-Matrix Bio-Facial",
|
||||
description: "Autologous blood concentrates for rapid healing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-removing-mole-from-womans-shoulder_107420-74019.jpg",
|
||||
buttonIcon: "Activity",
|
||||
title: "Platelet-Matrix Bio-Facial", description: "Autologous blood concentrates for rapid healing.", imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-removing-mole-from-womans-shoulder_107420-74019.jpg", buttonIcon: Activity,
|
||||
},
|
||||
{
|
||||
title: "Circadian Balance",
|
||||
description: "Light therapy calibrated to your natural rhythm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg",
|
||||
buttonIcon: "Sun",
|
||||
title: "Circadian Balance", description: "Light therapy calibrated to your natural rhythm.", imageSrc: "http://img.b2bpic.net/free-photo/senior-female-getting-laser-ultrasound-face-treatment-medical-center_181624-53264.jpg", buttonIcon: Sun,
|
||||
},
|
||||
]}
|
||||
title="Signature Medical Treatments"
|
||||
@@ -126,47 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Batch 0 Serum",
|
||||
price: "Custom",
|
||||
variant: "Retinoid",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-self-care-treatment_23-2148974354.jpg",
|
||||
},
|
||||
id: "p1", name: "Batch 0 Serum", price: "Custom", variant: "Retinoid", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-doing-self-care-treatment_23-2148974354.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Smart-Dose Capsules",
|
||||
price: "Custom",
|
||||
variant: "Topical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-arrangement-view_23-2148897598.jpg",
|
||||
},
|
||||
id: "p2", name: "Smart-Dose Capsules", price: "Custom", variant: "Topical", imageSrc: "http://img.b2bpic.net/free-photo/ingredients-arrangement-view_23-2148897598.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Microbiome Probiotic",
|
||||
price: "Custom",
|
||||
variant: "Serum",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg",
|
||||
},
|
||||
id: "p3", name: "Microbiome Probiotic", price: "Custom", variant: "Serum", imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242151.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cellular Reset",
|
||||
price: "Custom",
|
||||
variant: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-science-lab_23-2148581256.jpg",
|
||||
},
|
||||
id: "p4", name: "Cellular Reset", price: "Custom", variant: "Active", imageSrc: "http://img.b2bpic.net/free-photo/close-up-science-lab_23-2148581256.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bio-Adaptive Vitamin",
|
||||
price: "Custom",
|
||||
variant: "Boost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-laboratory-test-tube-samples_23-2151053769.jpg",
|
||||
},
|
||||
id: "p5", name: "Bio-Adaptive Vitamin", price: "Custom", variant: "Boost", imageSrc: "http://img.b2bpic.net/free-photo/view-laboratory-test-tube-samples_23-2151053769.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Night Repair Kit",
|
||||
price: "Custom",
|
||||
variant: "System",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-flower_23-2149249582.jpg",
|
||||
},
|
||||
id: "p6", name: "Night Repair Kit", price: "Custom", variant: "System", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-serum-bottle-flower_23-2149249582.jpg"},
|
||||
]}
|
||||
title="The Dispensary"
|
||||
description="Real-time, custom-compounded topical treatments from our lab."
|
||||
@@ -181,20 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Patient skin health recovery rate",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Patient skin health recovery rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Personalized serums formulated",
|
||||
},
|
||||
id: "m2", value: "200+", description: "Personalized serums formulated"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45 min",
|
||||
description: "Average lab compounding time",
|
||||
},
|
||||
id: "m3", value: "45 min", description: "Average lab compounding time"},
|
||||
]}
|
||||
title="Clinical Impact"
|
||||
description="Scientific proof backing our approach."
|
||||
@@ -209,25 +148,15 @@ export default function LandingPage() {
|
||||
author="Dr. Sarah Chen, Client"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-model-photography-umbrella_23-2148424402.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-model-photography-umbrella_23-2148424402.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg", alt: "Patient 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg", alt: "Patient 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg", alt: "Patient 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033338.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033338.jpg", alt: "Patient 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -239,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this a spa?",
|
||||
content: "No, we are a medical laboratory specializing in aesthetic science and regenerative medicine.",
|
||||
},
|
||||
id: "f1", title: "Is this a spa?", content: "No, we are a medical laboratory specializing in aesthetic science and regenerative medicine."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the Bio-Integrity Scan?",
|
||||
content: "A diagnostic swab identifying hereditary collagen issues and microbiome health.",
|
||||
},
|
||||
id: "f2", title: "What is the Bio-Integrity Scan?", content: "A diagnostic swab identifying hereditary collagen issues and microbiome health."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, our compounding lab requires pre-assessment for all custom formulas.",
|
||||
},
|
||||
id: "f3", title: "Do I need an appointment?", content: "Yes, our compounding lab requires pre-assessment for all custom formulas."},
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -263,8 +183,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Begin Your Reprogramming"
|
||||
description="Ready to fix the house before the roof burns? Book your assessment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-patient-ophthalmologist-s-office_23-2150917695.jpg"
|
||||
@@ -278,42 +197,27 @@ export default function LandingPage() {
|
||||
logoText="D&D"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Mapping",
|
||||
href: "#consultation",
|
||||
},
|
||||
label: "Mapping", href: "#consultation"},
|
||||
{
|
||||
label: "Medical",
|
||||
href: "#treatments",
|
||||
},
|
||||
label: "Medical", href: "#treatments"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Lab",
|
||||
items: [
|
||||
title: "Lab", items: [
|
||||
{
|
||||
label: "Dispensary",
|
||||
href: "#pharmacy",
|
||||
},
|
||||
label: "Dispensary", href: "#pharmacy"},
|
||||
{
|
||||
label: "Custom",
|
||||
href: "#pharmacy",
|
||||
},
|
||||
label: "Custom", href: "#pharmacy"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Clinic",
|
||||
items: [
|
||||
title: "Clinic", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user