Update src/app/page.tsx

This commit is contained in:
2026-03-03 07:48:52 +00:00
parent d019f81f5a
commit 87c5deff8b

View File

@@ -9,9 +9,32 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Calendar, Heart, Sparkles, Star, Zap } from 'lucide-react'; import { Calendar, Heart, Sparkles, Star, Zap, MapPin } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
const handleBookSession = () => {
const element = document.getElementById('contact');
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
};
const handleServiceClick = (serviceId: string) => {
const serviceMap: { [key: string]: string } = {
'1': '/service-soul-mission',
'2': '/service-life-alignment',
'3': '/service-energy-healing'
};
const url = serviceMap[serviceId];
if (url) {
window.location.href = url;
}
};
const handleLocationClick = () => {
window.open('https://www.google.com/maps/search/Wellington+Point+QLD+4160', '_blank');
};
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
@@ -36,7 +59,7 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ button={{
text: "Book Your Session", href: "#contact" text: "Book Your Session", onClick: handleBookSession
}} }}
className="fixed top-6 right-6 z-50" className="fixed top-6 right-6 z-50"
buttonClassName="bg-[#2c2c2c] text-white px-6 py-2 rounded-full font-medium hover:bg-[#1a1a1a] transition-colors" buttonClassName="bg-[#2c2c2c] text-white px-6 py-2 rounded-full font-medium hover:bg-[#1a1a1a] transition-colors"
@@ -55,7 +78,7 @@ export default function LandingPage() {
avatarText="⭐ 5.0 Rating | 32 Five-Star Reviews" avatarText="⭐ 5.0 Rating | 32 Five-Star Reviews"
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
buttons={[ buttons={[
{ text: "Book Your Session", href: "#contact" }, { text: "Book Your Session", onClick: handleBookSession },
{ text: "Call 0458 120 388", href: "tel:0458120388" } { text: "Call 0458 120 388", href: "tel:0458120388" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
@@ -87,15 +110,15 @@ export default function LandingPage() {
features={[ features={[
{ {
id: "1", title: "Soul Mission Readings", tags: ["Spiritual Insight", "45 mins"], id: "1", title: "Soul Mission Readings", tags: ["Spiritual Insight", "45 mins"],
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-baby-fetus-womb_23-2151624531.jpg", imageAlt: "Soul Mission Readings" imageSrc: "http://img.b2bpic.net/free-photo/futuristic-baby-fetus-womb_23-2151624531.jpg", imageAlt: "Soul Mission Readings", onFeatureClick: () => handleServiceClick('1')
}, },
{ {
id: "2", title: "Life Alignment Coaching", tags: ["Transformational", "60 mins"], id: "2", title: "Life Alignment Coaching", tags: ["Transformational", "60 mins"],
imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9663.jpg", imageAlt: "Life Alignment Coaching" imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9663.jpg", imageAlt: "Life Alignment Coaching", onFeatureClick: () => handleServiceClick('2')
}, },
{ {
id: "3", title: "Energy Healing Sessions", tags: ["Holistic Healing", "50 mins"], id: "3", title: "Energy Healing Sessions", tags: ["Holistic Healing", "50 mins"],
imageSrc: "http://img.b2bpic.net/free-photo/carefree-woman-with-arms-outstretched-enjoying-freedom-while-relaxing-sand-beach-sunset_637285-1868.jpg", imageAlt: "Energy Healing Sessions" imageSrc: "http://img.b2bpic.net/free-photo/carefree-woman-with-arms-outstretched-enjoying-freedom-while-relaxing-sand-beach-sunset_637285-1868.jpg", imageAlt: "Energy Healing Sessions", onFeatureClick: () => handleServiceClick('3')
} }
]} ]}
animationType="slide-up" animationType="slide-up"
@@ -209,9 +232,9 @@ export default function LandingPage() {
columns={[ columns={[
{ {
title: "Services", items: [ title: "Services", items: [
{ label: "Soul Mission Readings", href: "#services" }, { label: "Soul Mission Readings", onClick: () => handleServiceClick('1') },
{ label: "Life Alignment Coaching", href: "#services" }, { label: "Life Alignment Coaching", onClick: () => handleServiceClick('2') },
{ label: "Energy Healing Sessions", href: "#services" } { label: "Energy Healing Sessions", onClick: () => handleServiceClick('3') }
] ]
}, },
{ {
@@ -224,8 +247,8 @@ export default function LandingPage() {
{ {
title: "Contact", items: [ title: "Contact", items: [
{ label: "Phone: 0458 120 388", href: "tel:0458120388" }, { label: "Phone: 0458 120 388", href: "tel:0458120388" },
{ label: "Location: Wellington Point, QLD 4160", href: "#" }, { label: "Location: Wellington Point, QLD 4160", onClick: handleLocationClick },
{ label: "Book a Session", href: "#contact" } { label: "Book a Session", onClick: handleBookSession }
] ]
} }
]} ]}