development/8b689b45-beab-4292-8fa0-ff8f6e628c9e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
DK
2026-01-23 17:13:41 +00:00
commit ca75efc926
300 changed files with 58156 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,200 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SmartYourMoney"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get Started",
href: "https://app.smartyourmoney.com"
}}
/>
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
title="Our Mission: Democratizing Professional Investment Management"
description="We believe everyone deserves access to institutional-quality investment management, regardless of their wealth level. That's why we built SmartYourMoney."
tabs={[
{
id: "mission",
label: "Our Mission",
description: "To make professional-grade investment management accessible to everyone. We're breaking down the barriers that have traditionally kept sophisticated investment strategies available only to the ultra-wealthy."
},
{
id: "vision",
label: "Our Vision",
description: "A world where anyone can build meaningful wealth through intelligent, data-driven investment strategies. We envision a future where financial success isn't determined by your starting point, but by your commitment to smart investing."
},
{
id: "values",
label: "Our Values",
description: "Transparency, innovation, and client success drive everything we do. We're committed to providing clear, honest advice and cutting-edge technology to help our clients achieve their financial goals."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
imageAlt="SmartYourMoney leadership team"
imagePosition="right"
useInvertedBackground="noInvert"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
title="Founded in 2018, SmartYourMoney has grown from a small fintech startup to one of the most trusted names in digital wealth management."
tag="Our Story"
metrics={[
{
id: "1",
value: "6 Years",
description: "Of continuous innovation in investment technology and client service"
},
{
id: "2",
value: "150K+",
description: "Individual investors trust us with their financial future"
},
{
id: "3",
value: "$12B+",
description: "Assets under management across all investment strategies"
}
]}
useInvertedBackground="invertDefault"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Community Says"
description="Real stories from real investors who've transformed their financial future with SmartYourMoney."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
handle: "CFO, TechVentures Inc",
testimonial: "The level of sophistication in their investment algorithms is remarkable. I've seen consistent outperformance compared to my previous advisor.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
imageAlt: "Sarah Mitchell"
},
{
id: "2",
name: "James Richardson",
handle: "Entrepreneur & Investor",
testimonial: "SmartYourMoney's team understands the unique challenges of building wealth as an entrepreneur. Their tax optimization strategies have saved me thousands.",
imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
imageAlt: "James Richardson"
},
{
id: "3",
name: "Emily Chen",
handle: "Wealth Manager",
testimonial: "As a financial professional, I appreciate their commitment to transparency and education. They treat clients like partners, not just account numbers.",
imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
imageAlt: "Emily Chen"
},
{
id: "4",
name: "Michael Rodriguez",
handle: "Startup Founder",
testimonial: "The educational resources and market insights have made me a better investor. I feel more confident about my financial decisions than ever before.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
imageAlt: "Michael Rodriguez"
},
{
id: "5",
name: "Lisa Thompson",
handle: "Real Estate Developer",
testimonial: "Their holistic approach to wealth management considers all aspects of my financial life, not just my investment portfolio. It's been transformative.",
imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",
imageAlt: "Lisa Thompson"
},
{
id: "6",
name: "David Kim",
handle: "Financial Advisor",
testimonial: "I recommend SmartYourMoney to clients who want institutional-quality management with the personal touch of a boutique firm.",
imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
imageAlt: "David Kim"
}
]}
speed={40}
/>
</div>
<FooterSimple
columns={[
{
title: "Platform",
items: [
{ label: "Dashboard", href: "https://app.smartyourmoney.com" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "/services" },
{ label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "https://blog.smartyourmoney.com" },
{ label: "Careers", href: "https://careers.smartyourmoney.com" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Resources",
items: [
{ label: "Learning Center", href: "https://learn.smartyourmoney.com" },
{ label: "Market Research", href: "https://research.smartyourmoney.com" },
{ label: "FAQ", href: "/faq" },
{ label: "Support", href: "https://support.smartyourmoney.com" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
{ label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
{ label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
{ label: "Compliance", href: "https://smartyourmoney.com/compliance" }
]
}
]}
bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
bottomRightText="Invest Smarter, Grow Faster"
/>
</ThemeProvider>
);
}

171
src/app/blog/page.tsx Normal file
View File

@@ -0,0 +1,171 @@
"use client";
import { useEffect, useState } from "react";
import ReactLenis from "lenis/react";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
type BlogPost = {
id: string;
category: string;
title: string;
excerpt: string;
imageSrc: string;
imageAlt?: string;
authorName: string;
authorAvatar: string;
date: string;
onBlogClick?: () => void;
};
const defaultPosts: BlogPost[] = [
{
id: "1", category: "Design", title: "UX review presentations", excerpt: "How do you create compelling presentations that wow your colleagues and impress your managers?", imageSrc: "/placeholders/placeholder3.avif", imageAlt: "Abstract design with purple and silver tones", authorName: "Olivia Rhye", authorAvatar: "/placeholders/placeholder3.avif", date: "20 Jan 2025", onBlogClick: () => console.log("Blog 1 clicked"),
},
{
id: "2", category: "Development", title: "Building scalable applications", excerpt: "Learn the best practices for building applications that can handle millions of users.", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Development workspace", authorName: "John Smith", authorAvatar: "/placeholders/placeholder4.webp", date: "18 Jan 2025", onBlogClick: () => console.log("Blog 2 clicked"),
},
{
id: "3", category: "Marketing", title: "Content strategy essentials", excerpt: "Discover how to create a content strategy that drives engagement and conversions.", imageSrc: "/placeholders/placeholder3.avif", imageAlt: "Marketing strategy board", authorName: "Sarah Johnson", authorAvatar: "/placeholders/placeholder3.avif", date: "15 Jan 2025", onBlogClick: () => console.log("Blog 3 clicked"),
},
{
id: "4", category: "Product", title: "Product management 101", excerpt: "Everything you need to know to become an effective product manager in 2025.", imageSrc: "/placeholders/placeholder4.webp", imageAlt: "Product planning session", authorName: "Mike Davis", authorAvatar: "/placeholders/placeholder4.webp", date: "12 Jan 2025", onBlogClick: () => console.log("Blog 4 clicked"),
},
];
export default function BlogPage() {
const [posts, setPosts] = useState<BlogPost[]>(defaultPosts);
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
const fetchPosts = async () => {
try {
const apiUrl = process.env.NEXT_PUBLIC_API_URL;
const projectId = process.env.NEXT_PUBLIC_PROJECT_ID;
if (!apiUrl || !projectId) {
console.warn("NEXT_PUBLIC_API_URL or NEXT_PUBLIC_PROJECT_ID not configured, using default posts");
setIsLoading(false);
return;
}
const url = `${apiUrl}/posts/${projectId}?status=published`;
const response = await fetch(url, {
method: "GET", headers: {
"Content-Type": "application/json"},
});
if (response.ok) {
const resp = await response.json();
const data = resp.data;
if (Array.isArray(data) && data.length > 0) {
const mappedPosts = data.map((post: any) => ({
id: post.id || String(Math.random()),
category: post.category || "General", title: post.title || "Untitled", excerpt: post.excerpt || post.content.slice(0, 30) || "", imageSrc: post.imageUrl || "/placeholders/placeholder3.avif", imageAlt: post.imageAlt || post.title || "", authorName: post.author?.name || "Anonymous", authorAvatar: post.author?.avatar || "/placeholders/placeholder3.avif", date: post.date || post.createdAt || new Date().toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" }),
onBlogClick: () => console.log(`Blog ${post.id} clicked`),
}));
setPosts(mappedPosts);
}
} else {
console.warn(`API request failed with status ${response.status}, using default posts`);
}
} catch (error) {
console.error("Error fetching posts:", error);
} finally {
setIsLoading(false);
}
};
fetchPosts();
}, []);
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<ReactLenis root>
<div className="min-h-screen bg-background">
<NavbarLayoutFloatingOverlay
brandName="SmartYourMoney"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get Started", href: "https://app.smartyourmoney.com"
}}
/>
{isLoading ? (
<div className="w-content-width mx-auto py-20 text-center">
<p className="text-foreground">Loading posts...</p>
</div>
) : (
<BlogCardOne
blogs={posts}
title="Financial Insights & Updates"
description="Stay informed with our latest market analysis, investment strategies, and financial planning tips"
textboxLayout="default"
useInvertedBackground="noInvert"
carouselMode="buttons"
animationType="slide-up"
/>
)}
<FooterSimple
columns={[
{
title: "Platform", items: [
{ label: "Dashboard", href: "https://app.smartyourmoney.com" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "/services" },
{ label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "https://blog.smartyourmoney.com" },
{ label: "Careers", href: "https://careers.smartyourmoney.com" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Resources", items: [
{ label: "Learning Center", href: "https://learn.smartyourmoney.com" },
{ label: "Market Research", href: "https://research.smartyourmoney.com" },
{ label: "FAQ", href: "/faq" },
{ label: "Support", href: "https://support.smartyourmoney.com" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
{ label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
{ label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
{ label: "Compliance", href: "https://smartyourmoney.com/compliance" }
]
}
]}
bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
bottomRightText="Invest Smarter, Grow Faster"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

170
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,170 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SmartYourMoney"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get Started",
href: "https://app.smartyourmoney.com"
}}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Ready to Transform Your Investment Strategy?"
description="Join thousands of investors who are already growing their wealth with SmartYourMoney. Our team is here to answer your questions and help you get started."
useInvertedBackground="noInvert"
imageSrc="https://img.b2bpic.net/free-photo/happy-insurance-agent-talking-with-mature-couple-about-their-retirement-plans-meeting-office_637285-1798.jpg"
imageAlt="Financial advisor consultation"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Get Started"
termsText="We'll send you investment insights, market updates, and platform news. Unsubscribe anytime. Privacy policy applies."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Find answers to common questions about investing with SmartYourMoney."
textboxLayout="default"
useInvertedBackground="invertDefault"
imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg"
imageAlt="Customer support representative"
mediaPosition="left"
faqs={[
{
id: "1",
title: "How do I get started with SmartYourMoney?",
content: "Getting started is easy! Create an account on our platform, complete your investor profile, fund your account, and let our AI recommend a portfolio strategy tailored to your goals and risk tolerance. You can start with as little as $100."
},
{
id: "2",
title: "What fees does SmartYourMoney charge?",
content: "Our Starter plan is completely free. Professional plans cost $99/month with no additional trading fees. Elite plans are custom-priced based on AUM with no monthly fee. We believe in complete transparency - all fees are clearly displayed before you commit."
},
{
id: "3",
title: "Is my money safe with SmartYourMoney?",
content: "Yes. We partner with regulated financial institutions and your investments are held in your own brokerage account. We have no access to withdraw funds. All accounts are protected by FDIC insurance up to $250,000 per institution."
},
{
id: "4",
title: "Can I withdraw my money anytime?",
content: "Absolutely. You can withdraw your funds at any time without penalties. Most withdrawals are processed within 1-3 business days depending on your bank."
},
{
id: "5",
title: "What returns can I expect?",
content: "Average returns depend on your portfolio allocation and market conditions. Our clients have seen average annual returns of 12.5%, outperforming S&P 500 benchmarks. Past performance doesn't guarantee future results."
},
{
id: "6",
title: "Do I need investment experience to use the platform?",
content: "No experience necessary! Our platform is designed for investors of all levels. We provide educational resources, expert guidance, and AI-powered recommendations to help you make informed decisions."
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
title="Our support team is here to help you succeed. We're committed to providing exceptional service and expert guidance every step of the way."
tag="Support"
metrics={[
{
id: "1",
value: "< 2min",
description: "Average response time for customer inquiries during business hours"
},
{
id: "2",
value: "98%",
description: "Customer satisfaction rating for our support and advisory services"
},
{
id: "3",
value: "24/7",
description: "Platform availability with dedicated support for Elite plan members"
}
]}
useInvertedBackground="noInvert"
/>
</div>
<FooterSimple
columns={[
{
title: "Platform",
items: [
{ label: "Dashboard", href: "https://app.smartyourmoney.com" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "/services" },
{ label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "https://blog.smartyourmoney.com" },
{ label: "Careers", href: "https://careers.smartyourmoney.com" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Resources",
items: [
{ label: "Learning Center", href: "https://learn.smartyourmoney.com" },
{ label: "Market Research", href: "https://research.smartyourmoney.com" },
{ label: "FAQ", href: "/faq" },
{ label: "Support", href: "https://support.smartyourmoney.com" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
{ label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
{ label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
{ label: "Compliance", href: "https://smartyourmoney.com/compliance" }
]
}
]}
bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
bottomRightText="Invest Smarter, Grow Faster"
/>
</ThemeProvider>
);
}

BIN
src/app/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

595
src/app/globals.css Normal file
View File

@@ -0,0 +1,595 @@
@import "tailwindcss";
:root {
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f7f6f7;;
--card: #ffffff;;
--foreground: #0c1325;;
--primary-cta: #0798ff;;
--secondary-cta: #ffffff;;
--accent: #93c7ff;;
--background-accent: #a8cde8;; */
--background: #f7f6f7;;
--card: #ffffff;;
--foreground: #0c1325;;
--primary-cta: #0798ff;;
--secondary-cta: #ffffff;;
--accent: #93c7ff;;
--background-accent: #a8cde8;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
--text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
--text-base: clamp(0.69rem, 0.92vw, 0.92rem);
--text-lg: clamp(0.75rem, 1vw, 1rem);
--text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
--text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
--text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
--text-4xl: clamp(1.5rem, 2vw, 2rem);
--text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
--text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
--text-7xl: clamp(3rem, 4vw, 4rem);
--text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
--text-9xl: clamp(5.25rem, 7vw, 7rem); */
/* Base spacing units */
--vw-0_25: calc(var(--vw) * 0.25);
--vw-0_5: calc(var(--vw) * 0.5);
--vw-0_625: calc(var(--vw) * 0.625);
--vw-0_75: calc(var(--vw) * 0.75);
--vw-1: calc(var(--vw) * 1);
--vw-1_25: calc(var(--vw) * 1.25);
--vw-1_5: calc(var(--vw) * 1.5);
--vw-1_75: calc(var(--vw) * 1.75);
--vw-2: calc(var(--vw) * 2);
--vw-2_25: calc(var(--vw) * 2.25);
--vw-2_5: calc(var(--vw) * 2.5);
--vw-2_75: calc(var(--vw) * 2.75);
--vw-3: calc(var(--vw) * 3);
/* width */
--width-5: clamp(4rem, 5vw, 6rem);
--width-7_5: clamp(5.625rem, 7.5vw, 7.5rem);
--width-10: clamp(7.5rem, 10vw, 10rem);
--width-12_5: clamp(9.375rem, 12.5vw, 12.5rem);
--width-15: clamp(11.25rem, 15vw, 15rem);
--width-17: clamp(12.75rem, 17vw, 17rem);
--width-17_5: clamp(13.125rem, 17.5vw, 17.5rem);
--width-20: clamp(15rem, 20vw, 20rem);
--width-21: clamp(15.75rem, 21vw, 21rem);
--width-22_5: clamp(16.875rem, 22.5vw, 22.5rem);
--width-25: clamp(18.75rem, 25vw, 25rem);
--width-26: clamp(19.5rem, 26vw, 26rem);
--width-27_5: clamp(20.625rem, 27.5vw, 27.5rem);
--width-30: clamp(22.5rem, 30vw, 30rem);
--width-32_5: clamp(24.375rem, 32.5vw, 32.5rem);
--width-35: clamp(26.25rem, 35vw, 35rem);
--width-37_5: clamp(28.125rem, 37.5vw, 37.5rem);
--width-40: clamp(30rem, 40vw, 40rem);
--width-42_5: clamp(31.875rem, 42.5vw, 42.5rem);
--width-45: clamp(33.75rem, 45vw, 45rem);
--width-47_5: clamp(35.625rem, 47.5vw, 47.5rem);
--width-50: clamp(37.5rem, 50vw, 50rem);
--width-52_5: clamp(39.375rem, 52.5vw, 52.5rem);
--width-55: clamp(41.25rem, 55vw, 55rem);
--width-57_5: clamp(43.125rem, 57.5vw, 57.5rem);
--width-60: clamp(45rem, 60vw, 60rem);
--width-62_5: clamp(46.875rem, 62.5vw, 62.5rem);
--width-65: clamp(48.75rem, 65vw, 65rem);
--width-67_5: clamp(50.625rem, 67.5vw, 67.5rem);
--width-70: clamp(52.5rem, 70vw, 70rem);
--width-72_5: clamp(54.375rem, 72.5vw, 72.5rem);
--width-75: clamp(56.25rem, 75vw, 75rem);
--width-77_5: clamp(58.125rem, 77.5vw, 77.5rem);
--width-80: clamp(60rem, 80vw, 80rem);
--width-82_5: clamp(61.875rem, 82.5vw, 82.5rem);
--width-85: clamp(63.75rem, 85vw, 85rem);
--width-87_5: clamp(65.625rem, 87.5vw, 87.5rem);
--width-90: clamp(67.5rem, 90vw, 90rem);
--width-92_5: clamp(69.375rem, 92.5vw, 92.5rem);
--width-95: clamp(71.25rem, 95vw, 95rem);
--width-97_5: clamp(73.125rem, 97.5vw, 97.5rem);
--width-100: clamp(75rem, 100vw, 100rem);
/* --width-content-width and --width-content-width-expanded are set by ThemeProvider */
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px);
--width-carousel-item-3: calc(var(--width-content-width) / 3 - var(--vw-1_5) / 3 * 2);
--width-carousel-item-4: calc(var(--width-content-width) / 4 - var(--vw-1_5) / 4 * 3);
--width-x-padding-mask-fade: clamp(1.5rem, 4vw, 4rem);
--height-4: 1rem;
--height-5: 1.25rem;
--height-6: 1.5rem;
--height-7: 1.75rem;
--height-8: 2rem;
--height-9: 2.25rem;
--height-10: 2.5rem;
--height-11: 2.75rem;
--height-12: 3rem;
--height-30: 7.5rem;
--height-90: 22.5rem;
--height-100: 25rem;
--height-110: 27.5rem;
--height-120: 30rem;
--height-130: 32.5rem;
--height-140: 35rem;
--height-150: 37.5rem;
/* hero page padding */
--padding-hero-page-padding-half: calc((var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)) / 2);
--padding-hero-page-padding: calc(var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10));
--padding-hero-page-padding-1_5: calc(1.5 * (var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)));
--padding-hero-page-padding-double: calc(2 * (var(--height-10) + var(--vw-1_5) + var(--vw-1_5) + var(--height-10)));
}
@media (max-width: 767px) {
:root {
/* --vw and text sizing are set by ThemeProvider */
/* --vw: 3vw;
--text-2xs: 2.5vw;
--text-xs: 2.75vw;
--text-sm: 3vw;
--text-base: 3.25vw;
--text-lg: 3.5vw;
--text-xl: 4.25vw;
--text-2xl: 5vw;
--text-3xl: 6vw;
--text-4xl: 7vw;
--text-5xl: 7.5vw;
--text-6xl: 8.5vw;
--text-7xl: 10vw;
--text-8xl: 12vw;
--text-9xl: 14vw; */
--width-5: 5vw;
--width-7_5: 7.5vw;
--width-10: 10vw;
--width-12_5: 12.5vw;
--width-15: 15vw;
--width-17_5: 17.5vw;
--width-20: 20vw;
--width-22_5: 22.5vw;
--width-25: 25vw;
--width-27_5: 27.5vw;
--width-30: 30vw;
--width-32_5: 32.5vw;
--width-35: 35vw;
--width-37_5: 37.5vw;
--width-40: 40vw;
--width-42_5: 42.5vw;
--width-45: 45vw;
--width-47_5: 47.5vw;
--width-50: 50vw;
--width-52_5: 52.5vw;
--width-55: 55vw;
--width-57_5: 57.5vw;
--width-60: 60vw;
--width-62_5: 62.5vw;
--width-65: 65vw;
--width-67_5: 67.5vw;
--width-70: 70vw;
--width-72_5: 72.5vw;
--width-75: 75vw;
--width-77_5: 77.5vw;
--width-80: 80vw;
--width-82_5: 82.5vw;
--width-85: 85vw;
--width-87_5: 87.5vw;
--width-90: 90vw;
--width-92_5: 92.5vw;
--width-95: 95vw;
--width-97_5: 97.5vw;
--width-100: 100vw;
/* --width-content-width and --width-content-width-expanded are set by ThemeProvider */
--width-carousel-padding: calc((100vw - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls: calc((100vw - var(--width-content-width)) / 2 + 1px);
--width-carousel-padding-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px - var(--vw-1_5));
--width-carousel-padding-controls-expanded: calc((var(--width-content-width-expanded) - var(--width-content-width)) / 2 + 1px);
--width-carousel-item-3: var(--width-content-width);
--width-carousel-item-4: var(--width-content-width);
--width-x-padding-mask-fade: 10vw;
--height-4: 3.5vw;
--height-5: 4.5vw;
--height-6: 5.5vw;
--height-7: 6.5vw;
--height-8: 7.5vw;
--height-9: 8.5vw;
--height-10: 9vw;
--height-11: 10vw;
--height-12: 11vw;
--height-30: 25vw;
--height-90: 81vw;
--height-100: 90vw;
--height-110: 99vw;
--height-120: 108vw;
--height-130: 117vw;
--height-140: 126vw;
--height-150: 135vw;
}
}
@theme inline {
--color-background: var(--background);
--color-card: var(--card);
--color-foreground: var(--foreground);
--color-primary-cta: var(--primary-cta);
--color-secondary-cta: var(--secondary-cta);
--color-accent: var(--accent);
--color-background-accent: var(--background-accent);
/* theme border radius */
--radius-theme: var(--theme-border-radius);
--radius-theme-capped: var(--theme-border-radius-capped);
/* text */
--text-2xs: var(--text-2xs);
--text-xs: var(--text-xs);
--text-sm: var(--text-sm);
--text-base: var(--text-base);
--text-lg: var(--text-lg);
--text-xl: var(--text-xl);
--text-2xl: var(--text-2xl);
--text-3xl: var(--text-3xl);
--text-4xl: var(--text-4xl);
--text-5xl: var(--text-5xl);
--text-6xl: var(--text-6xl);
--text-7xl: var(--text-7xl);
--text-8xl: var(--text-8xl);
--text-9xl: var(--text-9xl);
/* height */
--height-4: var(--height-4);
--height-5: var(--height-5);
--height-6: var(--height-6);
--height-7: var(--height-7);
--height-8: var(--height-8);
--height-9: var(--height-9);
--height-11: var(--height-11);
--height-12: var(--height-12);
--height-10: var(--height-10);
--height-30: var(--height-30);
--height-90: var(--height-90);
--height-100: var(--height-100);
--height-110: var(--height-110);
--height-120: var(--height-120);
--height-130: var(--height-130);
--height-140: var(--height-140);
--height-150: var(--height-150);
--height-page-padding: calc(2.25rem+var(--vw-1_5)+var(--vw-1_5));
/* width */
--width-5: var(--width-5);
--width-7_5: var(--width-7_5);
--width-10: var(--width-10);
--width-12_5: var(--width-12_5);
--width-15: var(--width-15);
--width-17: var(--width-17);
--width-17_5: var(--width-17_5);
--width-20: var(--width-20);
--width-21: var(--width-21);
--width-22_5: var(--width-22_5);
--width-25: var(--width-25);
--width-26: var(--width-26);
--width-27_5: var(--width-27_5);
--width-30: var(--width-30);
--width-32_5: var(--width-32_5);
--width-35: var(--width-35);
--width-37_5: var(--width-37_5);
--width-40: var(--width-40);
--width-42_5: var(--width-42_5);
--width-45: var(--width-45);
--width-47_5: var(--width-47_5);
--width-50: var(--width-50);
--width-52_5: var(--width-52_5);
--width-55: var(--width-55);
--width-57_5: var(--width-57_5);
--width-60: var(--width-60);
--width-62_5: var(--width-62_5);
--width-65: var(--width-65);
--width-67_5: var(--width-67_5);
--width-70: var(--width-70);
--width-72_5: var(--width-72_5);
--width-75: var(--width-75);
--width-77_5: var(--width-77_5);
--width-80: var(--width-80);
--width-82_5: var(--width-82_5);
--width-85: var(--width-85);
--width-87_5: var(--width-87_5);
--width-90: var(--width-90);
--width-92_5: var(--width-92_5);
--width-95: var(--width-95);
--width-97_5: var(--width-97_5);
--width-100: var(--width-100);
--width-content-width: var(--width-content-width);
--width-carousel-padding: var(--width-carousel-padding);
--width-carousel-padding-controls: var(--width-carousel-padding-controls);
--width-carousel-padding-expanded: var(--width-carousel-padding-expanded);
--width-carousel-padding-controls-expanded: var(--width-carousel-padding-controls-expanded);
--width-carousel-item-3: var(--width-carousel-item-3);
--width-carousel-item-4: var(--width-carousel-item-4);
--width-x-padding-mask-fade: var(--width-x-padding-mask-fade);
--width-content-width-expanded: var(--width-content-width-expanded);
/* gap */
--spacing-1: var(--vw-0_25);
--spacing-2: var(--vw-0_5);
--spacing-3: var(--vw-0_75);
--spacing-4: var(--vw-1);
--spacing-5: var(--vw-1_25);
--spacing-6: var(--vw-1_5);
--spacing-7: var(--vw-1_75);
--spacing-8: var(--vw-2);
--spacing-x-1: var(--vw-0_25);
--spacing-x-2: var(--vw-0_5);
--spacing-x-3: var(--vw-0_75);
--spacing-x-4: var(--vw-1);
--spacing-x-5: var(--vw-1_25);
--spacing-x-6: var(--vw-1_5);
/* border radius */
--radius-none: 0;
--radius-sm: var(--vw-0_5);
--radius: var(--vw-0_75);
--radius-md: var(--vw-1);
--radius-lg: var(--vw-1_25);
--radius-xl: var(--vw-1_75);
--radius-full: 999px;
/* padding */
--padding-1: var(--vw-0_25);
--padding-2: var(--vw-0_5);
--padding-2.5: var(--vw-0_625);
--padding-3: var(--vw-0_75);
--padding-4: var(--vw-1);
--padding-5: var(--vw-1_25);
--padding-6: var(--vw-1_5);
--padding-7: var(--vw-1_75);
--padding-8: var(--vw-2);
--padding-x-1: var(--vw-0_25);
--padding-x-2: var(--vw-0_5);
--padding-x-3: var(--vw-0_75);
--padding-x-4: var(--vw-1);
--padding-x-5: var(--vw-1_25);
--padding-x-6: var(--vw-1_5);
--padding-x-7: var(--vw-1_75);
--padding-x-8: var(--vw-2);
--padding-hero-page-padding-half: var(--padding-hero-page-padding-half);
--padding-hero-page-padding: var(--padding-hero-page-padding);
--padding-hero-page-padding-1_5: var(--padding-hero-page-padding-1_5);
--padding-hero-page-padding-double: var(--padding-hero-page-padding-double);
/* margin */
--margin-1: var(--vw-0_25);
--margin-2: var(--vw-0_5);
--margin-3: var(--vw-0_75);
--margin-4: var(--vw-1);
--margin-5: var(--vw-1_25);
--margin-6: var(--vw-1_5);
--margin-7: var(--vw-1_75);
--margin-8: var(--vw-2);
--margin-x-1: var(--vw-0_25);
--margin-x-2: var(--vw-0_5);
--margin-x-3: var(--vw-0_75);
--margin-x-4: var(--vw-1);
--margin-x-5: var(--vw-1_25);
--margin-x-6: var(--vw-1_5);
--margin-x-7: var(--vw-1_75);
--margin-x-8: var(--vw-2);
}
@layer components {}
@layer utilities {
/* Card, primary-button, and secondary-button styles are now dynamically injected via ThemeProvider */
/* .card {
@apply backdrop-blur-sm bg-gradient-to-br from-card/80 to-card/40 shadow-sm border border-card;
}
.primary-button {
@apply bg-gradient-to-b from-primary-cta/83 to-primary-cta;
box-shadow:
color-mix(in srgb, var(--color-background) 25%, transparent) 0px 1px 1px 0px inset,
color-mix(in srgb, var(--color-primary-cta) 15%, transparent) 3px 3px 3px 0px;
}
.secondary-button {
@apply backdrop-blur-sm bg-gradient-to-br from-secondary-cta/80 to-secondary-cta shadow-sm border border-secondary-cta;
} */
.tag-card {
@apply backdrop-blur-sm bg-gradient-to-br from-card/80 to-card/40 shadow-sm border border-card;
}
.mask-padding-x {
-webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(100% - var(--width-x-padding-mask-fade)), transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black var(--width-x-padding-mask-fade), black calc(100% - var(--width-x-padding-mask-fade)), transparent 100%);
}
.mask-fade-bottom {
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
}
.mask-fade-y {
mask-image: linear-gradient(to bottom,
transparent 0%,
black var(--vw-1_5),
black calc(100% - var(--vw-1_5)),
transparent 100%);
}
.mask-fade-bottom-large {
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 75%, transparent 100%);
}
.mask-fade-bottom-long {
-webkit-mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, black 5%, transparent 100%);
}
.mask-fade-top-long {
-webkit-mask-image: linear-gradient(to top, black 0%, black 5%, transparent 100%);
mask-image: linear-gradient(to top, black 0%, black 5%, transparent 100%);
}
.mask-fade-xy {
-webkit-mask-image:
linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
mask-image:
linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%),
linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
-webkit-mask-composite: source-in;
mask-composite: intersect;
}
/* ANIMATION */
.animation-container {
animation:
fadeInOpacity 0.8s ease-in-out forwards,
fadeInTranslate 0.6s forwards;
}
.animation-container-fade {
animation: fadeInOpacity 0.8s ease-in-out forwards;
}
@keyframes fadeInOpacity {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeInTranslate {
from {
transform: translateY(0.75vh);
}
to {
transform: translateY(0vh);
}
}
@keyframes aurora {
from {
background-position: 50% 50%, 50% 50%;
}
to {
background-position: 350% 50%, 350% 50%;
}
}
@keyframes spin-slow {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes spin-reverse {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.animate-spin-slow {
animation: spin-slow 15s linear infinite;
}
.animate-spin-reverse {
animation: spin-reverse 10s linear infinite;
}
@keyframes marquee-vertical {
from {
transform: translateY(0);
}
to {
transform: translateY(-50%);
}
}
.animate-marquee-vertical {
animation: marquee-vertical 20s linear infinite;
}
@keyframes orbit {
from {
transform: rotate(var(--initial-position, 0deg)) translateX(var(--translate-position, 120px)) rotate(calc(-1 * var(--initial-position, 0deg)));
}
to {
transform: rotate(calc(var(--initial-position, 0deg) + 360deg)) translateX(var(--translate-position, 120px)) rotate(calc(-1 * (var(--initial-position, 0deg) + 360deg)));
}
}
@keyframes map-dot-pulse {
0%, 100% {
transform: scale(0.4);
opacity: 0.6;
}
50% {
transform: scale(1.4);
opacity: 1;
}
}
}
* {
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0);
}
html {
overscroll-behavior: none;
overscroll-behavior-y: none;
}
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
overscroll-behavior-y: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-noto-sans), sans-serif;
}

1279
src/app/layout.tsx Normal file
View File

File diff suppressed because it is too large Load Diff

285
src/app/page.tsx Normal file
View File

@@ -0,0 +1,285 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SmartYourMoney"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get Started",
href: "https://app.smartyourmoney.com"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="SMART YOUR MONEY"
description="Intelligent investment solutions designed for modern wealth builders. Grow your portfolio with expert strategies and personalized guidance."
buttons={[
{
text: "Start Investing",
href: "https://app.smartyourmoney.com"
},
{
text: "Learn More",
href: "/services"
}
]}
slides={[
{
imageSrc: "https://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg",
imageAlt: "Stock market analysis dashboard"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/close-up-with-businessman-patching-something-keyboard-graphics-monitor_482257-32827.jpg",
imageAlt: "Wealth growth visualization"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/manager-working-late-night-financial-data-two-monitors-setup_482257-32821.jpg",
imageAlt: "Diversified investment portfolio"
}
]}
autoplayDelay={4000}
showDimOverlay={true}
logoLineHeight={1.15}
/>
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
title="Why Choose SmartYourMoney?"
description="We combine cutting-edge technology with human expertise to deliver investment solutions that truly work."
tabs={[
{
id: "expertise",
label: "Expert Management",
description: "Our team brings decades of combined experience in wealth management, market analysis, and strategic portfolio building. We stay ahead of market trends to optimize your investments."
},
{
id: "technology",
label: "Advanced Technology",
description: "Powered by AI-driven algorithms and real-time market data, our platform provides intelligent insights and automated rebalancing to maximize returns while minimizing risk."
},
{
id: "transparency",
label: "Full Transparency",
description: "Know exactly where your money is invested. Access detailed reports, fee breakdowns, and performance analytics anytime. No hidden costs, no surprises."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
imageAlt="Professional financial advisory team"
imagePosition="right"
useInvertedBackground="invertDefault"
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
title="Powerful Investment Tools at Your Fingertips"
description="Leverage our comprehensive suite of tools designed to help you make smarter investment decisions and grow your wealth efficiently."
features={[
{
id: "1",
title: "Portfolio Optimization",
description: "AI algorithms analyze market conditions and automatically rebalance your portfolio to maintain optimal asset allocation and risk management.",
tag: "Smart Management",
imageSrc: "https://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",
imageAlt: "Portfolio dashboard"
},
{
id: "2",
title: "Real-Time Market Analytics",
description: "Access live market data, institutional research, and predictive analytics to make informed investment decisions with confidence.",
tag: "Market Intelligence",
imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",
imageAlt: "Market analytics"
},
{
id: "3",
title: "Risk Assessment Tools",
description: "Comprehensive risk profiling and stress testing help you understand your investment exposure and plan accordingly for different market scenarios.",
tag: "Risk Management",
imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
imageAlt: "Risk assessment"
},
{
id: "4",
title: "Mobile Investment App",
description: "Trade, monitor, and manage your portfolio on the go with our fully-featured mobile application available on iOS and Android.",
tag: "Mobile Trading",
imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
imageAlt: "Mobile app interface"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
title="SmartYourMoney has helped thousands of investors achieve their financial goals through smart, data-driven investment strategies."
tag="Our Impact"
metrics={[
{
id: "1",
value: "150K+",
description: "Active investors managing their wealth through our platform"
},
{
id: "2",
value: "$12B+",
description: "Assets under management with average annual returns of 12.5%"
},
{
id: "3",
value: "98%",
description: "Client satisfaction rate with 96% portfolio performance above benchmark"
},
{
id: "4",
value: "24/7",
description: "Support available anytime you need expert guidance or have questions"
}
]}
useInvertedBackground="invertDefault"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Investors Say"
description="Hear from real investors who have transformed their financial futures with SmartYourMoney."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
handle: "CFO, TechVentures Inc",
testimonial: "SmartYourMoney transformed my investment strategy. The portfolio optimization features alone have increased my returns by 15% year-over-year.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
imageAlt: "Sarah Mitchell"
},
{
id: "2",
name: "James Richardson",
handle: "Entrepreneur & Investor",
testimonial: "Finally, an investment platform that combines powerful technology with genuine expertise. Their team understands market dynamics better than anyone.",
imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",
imageAlt: "James Richardson"
},
{
id: "3",
name: "Emily Chen",
handle: "Wealth Manager",
testimonial: "The transparency and real-time analytics are exceptional. My clients love having complete visibility into their portfolio performance and fees.",
imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
imageAlt: "Emily Chen"
},
{
id: "4",
name: "Michael Rodriguez",
handle: "Startup Founder",
testimonial: "As someone without deep financial expertise, SmartYourMoney made investing accessible and confidence-building. Their guidance has been invaluable.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",
imageAlt: "Michael Rodriguez"
},
{
id: "5",
name: "Lisa Thompson",
handle: "Real Estate Developer",
testimonial: "The mobile app is incredible. I can monitor my investments anywhere, anytime. Customer support is also responsive and genuinely helpful.",
imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",
imageAlt: "Lisa Thompson"
},
{
id: "6",
name: "David Kim",
handle: "Financial Advisor",
testimonial: "I recommend SmartYourMoney to all my clients. The platform offers institutional-grade tools at a fraction of the cost, without compromising on service quality.",
imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
imageAlt: "David Kim"
}
]}
speed={40}
/>
</div>
<FooterSimple
columns={[
{
title: "Platform",
items: [
{ label: "Dashboard", href: "https://app.smartyourmoney.com" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "/services" },
{ label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "https://blog.smartyourmoney.com" },
{ label: "Careers", href: "https://careers.smartyourmoney.com" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Resources",
items: [
{ label: "Learning Center", href: "https://learn.smartyourmoney.com" },
{ label: "Market Research", href: "https://research.smartyourmoney.com" },
{ label: "FAQ", href: "/faq" },
{ label: "Support", href: "https://support.smartyourmoney.com" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
{ label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
{ label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
{ label: "Compliance", href: "https://smartyourmoney.com/compliance" }
]
}
]}
bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
bottomRightText="Invest Smarter, Grow Faster"
/>
</ThemeProvider>
);
}

233
src/app/pricing/page.tsx Normal file
View File

@@ -0,0 +1,233 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import { Sparkles, CheckCircle, Award } from 'lucide-react';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function PricingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SmartYourMoney"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get Started",
href: "https://app.smartyourmoney.com"
}}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
title="Choose Your Investment Plan"
description="Transparent pricing designed for investors at every stage. Scale your investment as your portfolio grows."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
plans={[
{
id: "1",
badge: "Starter",
badgeIcon: Sparkles,
price: "$0",
subtitle: "Perfect for beginning your investment journey",
buttons: [
{
text: "Get Started Free",
href: "https://app.smartyourmoney.com/signup"
},
{
text: "Learn More",
href: "/pricing"
}
],
features: [
"Unlimited portfolio tracking",
"Basic market data and research",
"Mobile app access",
"Community support forum",
"Annual performance reports"
]
},
{
id: "2",
badge: "Professional",
badgeIcon: CheckCircle,
price: "$99/mo",
subtitle: "For serious investors managing significant portfolios",
buttons: [
{
text: "Start 30-Day Trial",
href: "https://app.smartyourmoney.com/trial"
},
{
text: "Contact Sales",
href: "/contact"
}
],
features: [
"Advanced portfolio optimization",
"Real-time market analytics",
"AI-powered recommendations",
"Priority customer support",
"Advanced reporting and tax tools",
"Institutional research access"
]
},
{
id: "3",
badge: "Elite",
badgeIcon: Award,
price: "Custom",
subtitle: "White-glove service for high-net-worth investors",
buttons: [
{
text: "Schedule Consultation",
href: "/contact"
},
{
text: "Dedicated Manager",
href: "https://app.smartyourmoney.com/elite"
}
],
features: [
"All Professional features included",
"Dedicated investment advisor",
"Custom portfolio strategy",
"24/7 concierge support",
"Estate planning assistance",
"Tax optimization strategies",
"Exclusive investment opportunities"
]
}
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Pricing Questions"
description="Everything you need to know about our investment plans and pricing structure."
textboxLayout="default"
useInvertedBackground="invertDefault"
imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg"
imageAlt="Customer support team"
mediaPosition="left"
faqs={[
{
id: "1",
title: "Are there any hidden fees or charges?",
content: "Absolutely not. We believe in complete transparency. Our Starter plan is completely free with no hidden costs. Professional plans are $99/month flat fee with no additional trading fees or commissions. Elite plans are custom-priced based on your assets under management with no monthly fee."
},
{
id: "2",
title: "Can I switch between plans anytime?",
content: "Yes, you can upgrade or downgrade your plan at any time. When you upgrade, you'll be charged the prorated amount for the current billing cycle. When you downgrade, the change takes effect at the end of your current billing period."
},
{
id: "3",
title: "Is there a minimum investment required?",
content: "For Starter plans, you can begin with as little as $100. Professional plans typically work best with portfolios of $10,000 or more to take advantage of advanced features. Elite plans are designed for investors with $1M+ in investable assets."
},
{
id: "4",
title: "What's included in the 30-day trial?",
content: "The Professional plan trial includes full access to all features: advanced portfolio optimization, real-time analytics, AI recommendations, priority support, and institutional research. No credit card required to start."
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
title="Join thousands of investors who have already discovered the value of professional-grade investment management at a fraction of traditional costs."
tag="Value"
metrics={[
{
id: "1",
value: "89%",
description: "Cost savings compared to traditional wealth management fees"
},
{
id: "2",
value: "15min",
description: "Average time to set up and start investing with our platform"
},
{
id: "3",
value: "$2.1M",
description: "Average portfolio value growth for our Professional plan users over 3 years"
}
]}
useInvertedBackground="noInvert"
/>
</div>
<FooterSimple
columns={[
{
title: "Platform",
items: [
{ label: "Dashboard", href: "https://app.smartyourmoney.com" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "/services" },
{ label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "https://blog.smartyourmoney.com" },
{ label: "Careers", href: "https://careers.smartyourmoney.com" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Resources",
items: [
{ label: "Learning Center", href: "https://learn.smartyourmoney.com" },
{ label: "Market Research", href: "https://research.smartyourmoney.com" },
{ label: "FAQ", href: "/faq" },
{ label: "Support", href: "https://support.smartyourmoney.com" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
{ label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
{ label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
{ label: "Compliance", href: "https://smartyourmoney.com/compliance" }
]
}
]}
bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
bottomRightText="Invest Smarter, Grow Faster"
/>
</ThemeProvider>
);
}

183
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,183 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="SmartYourMoney"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Get Started",
href: "https://app.smartyourmoney.com"
}}
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
title="Complete Investment Services Designed for Your Success"
description="From portfolio management to market analytics, we provide everything you need to build and grow your wealth with confidence."
features={[
{
id: "1",
title: "Automated Portfolio Management",
description: "Our AI-driven algorithms continuously monitor and rebalance your portfolio based on market conditions, risk tolerance, and your financial goals. Enjoy professional-grade management without the high fees.",
tag: "AI-Powered",
imageSrc: "https://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",
imageAlt: "Portfolio dashboard interface"
},
{
id: "2",
title: "Institutional Research & Analytics",
description: "Access the same market research and analytical tools used by professional traders and wealth managers. Make informed decisions with real-time data, trend analysis, and predictive insights.",
tag: "Professional Tools",
imageSrc: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",
imageAlt: "Market research analytics"
},
{
id: "3",
title: "Personalized Risk Management",
description: "Every investor has different risk tolerance and financial objectives. Our platform creates customized investment strategies that align with your specific goals and comfort level.",
tag: "Tailored Solutions",
imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
imageAlt: "Risk assessment tools"
},
{
id: "4",
title: "Tax Optimization Services",
description: "Maximize your after-tax returns with intelligent tax-loss harvesting, strategic asset location, and year-end tax planning designed to minimize your investment tax burden.",
tag: "Tax Efficient",
imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
imageAlt: "Tax optimization planning"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
title="Our Investment Philosophy"
description="Built on decades of market experience and cutting-edge technology, our approach to wealth management focuses on long-term growth and risk-adjusted returns."
tabs={[
{
id: "diversification",
label: "Smart Diversification",
description: "We believe in intelligent diversification across asset classes, geographies, and investment styles. Our algorithms optimize your portfolio allocation to reduce risk while maximizing potential returns."
},
{
id: "technology",
label: "Technology-Driven",
description: "Leveraging artificial intelligence and machine learning, we process vast amounts of market data to identify opportunities and manage risks that human analysis might miss."
},
{
id: "transparency",
label: "Complete Transparency",
description: "You deserve to know exactly how your money is being managed. We provide detailed reporting, clear fee structures, and full visibility into every investment decision."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
imageAlt="Investment advisory consultation"
imagePosition="right"
useInvertedBackground="invertDefault"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
title="Our track record speaks for itself. We've consistently delivered superior returns while maintaining disciplined risk management across all market conditions."
tag="Performance"
metrics={[
{
id: "1",
value: "12.5%",
description: "Average annual returns across all portfolio strategies over the past 5 years"
},
{
id: "2",
value: "0.85%",
description: "Average annual fees - significantly lower than traditional wealth management"
},
{
id: "3",
value: "18%",
description: "Outperformance versus S&P 500 benchmark during the last market downturn"
}
]}
useInvertedBackground="noInvert"
/>
</div>
<FooterSimple
columns={[
{
title: "Platform",
items: [
{ label: "Dashboard", href: "https://app.smartyourmoney.com" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "/services" },
{ label: "Mobile App", href: "https://app.smartyourmoney.com/mobile" }
]
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Blog", href: "https://blog.smartyourmoney.com" },
{ label: "Careers", href: "https://careers.smartyourmoney.com" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Resources",
items: [
{ label: "Learning Center", href: "https://learn.smartyourmoney.com" },
{ label: "Market Research", href: "https://research.smartyourmoney.com" },
{ label: "FAQ", href: "/faq" },
{ label: "Support", href: "https://support.smartyourmoney.com" }
]
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "https://smartyourmoney.com/privacy" },
{ label: "Terms of Service", href: "https://smartyourmoney.com/terms" },
{ label: "Disclaimer", href: "https://smartyourmoney.com/disclaimer" },
{ label: "Compliance", href: "https://smartyourmoney.com/compliance" }
]
}
]}
bottomLeftText="© 2025 SmartYourMoney. All rights reserved."
bottomRightText="Invest Smarter, Grow Faster"
/>
</ThemeProvider>
);
}