Update src/app/page.tsx
This commit is contained in:
@@ -14,6 +14,13 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
const scrollToSection = (id: string) => {
|
||||
const element = document.querySelector(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: 'smooth' });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -37,7 +44,7 @@ export default function LandingPage() {
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="SpendTrack"
|
||||
button={{ text: "Get Started", href: "#dashboard" }}
|
||||
button={{ text: "Get Started", onClick: () => scrollToSection("#pricing") }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,7 +53,7 @@ export default function LandingPage() {
|
||||
background={{ variant: "plain" }}
|
||||
title="Master Your Finances"
|
||||
description="The ultimate monthly tracker to help you stay within budget and save more effortlessly with secure local storage and interactive data visualization."
|
||||
buttons={[{ text: "Get Started", href: "#dashboard" }]}
|
||||
buttons={[{ text: "Get Started", onClick: () => scrollToSection("#pricing") }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-home-office-with-tablet-laptop-shows-infographics-accounting-data_482257-91198.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
|
||||
Reference in New Issue
Block a user