Update src/app/page.tsx
This commit is contained in:
@@ -9,9 +9,32 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
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() {
|
||||
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 (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
@@ -36,7 +59,7 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Your Session", href: "#contact"
|
||||
text: "Book Your Session", onClick: handleBookSession
|
||||
}}
|
||||
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"
|
||||
@@ -55,7 +78,7 @@ export default function LandingPage() {
|
||||
avatarText="⭐ 5.0 Rating | 32 Five-Star Reviews"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Book Your Session", href: "#contact" },
|
||||
{ text: "Book Your Session", onClick: handleBookSession },
|
||||
{ text: "Call 0458 120 388", href: "tel:0458120388" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -87,15 +110,15 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
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"],
|
||||
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"],
|
||||
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"
|
||||
@@ -209,9 +232,9 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Soul Mission Readings", href: "#services" },
|
||||
{ label: "Life Alignment Coaching", href: "#services" },
|
||||
{ label: "Energy Healing Sessions", href: "#services" }
|
||||
{ label: "Soul Mission Readings", onClick: () => handleServiceClick('1') },
|
||||
{ label: "Life Alignment Coaching", onClick: () => handleServiceClick('2') },
|
||||
{ label: "Energy Healing Sessions", onClick: () => handleServiceClick('3') }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -224,8 +247,8 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: 0458 120 388", href: "tel:0458120388" },
|
||||
{ label: "Location: Wellington Point, QLD 4160", href: "#" },
|
||||
{ label: "Book a Session", href: "#contact" }
|
||||
{ label: "Location: Wellington Point, QLD 4160", onClick: handleLocationClick },
|
||||
{ label: "Book a Session", onClick: handleBookSession }
|
||||
]
|
||||
}
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user