Merge version_1 into main #2
169
src/app/page.tsx
169
src/app/page.tsx
@@ -8,6 +8,7 @@ import FeatureCardThree from "@/components/sections/feature/featureCardThree/Fea
|
||||
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import Link from "next/link";
|
||||
import { TrendingUp, Users, Award, Shield, Sparkles, Crown } from "lucide-react";
|
||||
@@ -78,7 +79,7 @@ export default function HomePage() {
|
||||
title="Take Control of Your Financial Future"
|
||||
description="Smart tools and expert guidance to help you budget, invest, and grow your wealth with confidence."
|
||||
tag="Financial Freedom Starts Here"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg"
|
||||
imageAlt="Financial dashboard and growth visualization"
|
||||
showBlur={true}
|
||||
showDimOverlay={true}
|
||||
@@ -110,33 +111,13 @@ export default function HomePage() {
|
||||
tag="Our Solutions"
|
||||
features={[
|
||||
{
|
||||
id: "01",
|
||||
title: "Smart Budget Tracking",
|
||||
description: "Automatically categorize expenses and track spending patterns in real-time with intelligent insights",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/report-template-design_742173-15339.jpg",
|
||||
imageAlt: "Budget tracking expense management dashboard",
|
||||
},
|
||||
id: "01", title: "Smart Budget Tracking", description: "Automatically categorize expenses and track spending patterns in real-time with intelligent insights", imageSrc: "http://img.b2bpic.net/free-vector/report-template-design_742173-15339.jpg", imageAlt: "Budget tracking expense management dashboard"},
|
||||
{
|
||||
id: "02",
|
||||
title: "Investment Portfolio",
|
||||
description: "Build and manage a diversified investment portfolio with personalized recommendations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg",
|
||||
imageAlt: "Investment portfolio stock market growth",
|
||||
},
|
||||
id: "02", title: "Investment Portfolio", description: "Build and manage a diversified investment portfolio with personalized recommendations", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-graphs-statistics-glasses-table_169016-29669.jpg", imageAlt: "Investment portfolio stock market growth"},
|
||||
{
|
||||
id: "03",
|
||||
title: "Goal Planning",
|
||||
description: "Set financial goals and get AI-powered strategies to achieve them faster and smarter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussing-financial-charts-closeup-shot-hands-table_1423-8.jpg",
|
||||
imageAlt: "Goal setting financial planning milestones",
|
||||
},
|
||||
id: "03", title: "Goal Planning", description: "Set financial goals and get AI-powered strategies to achieve them faster and smarter", imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussing-financial-charts-closeup-shot-hands-table_1423-8.jpg", imageAlt: "Goal setting financial planning milestones"},
|
||||
{
|
||||
id: "04",
|
||||
title: "Security & Protection",
|
||||
description: "Bank-level encryption and multi-factor authentication to keep your financial data safe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg",
|
||||
imageAlt: "Cybersecurity protection encryption digital safety",
|
||||
},
|
||||
id: "04", title: "Security & Protection", description: "Bank-level encryption and multi-factor authentication to keep your financial data safe", imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg", imageAlt: "Cybersecurity protection encryption digital safety"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -152,49 +133,22 @@ export default function HomePage() {
|
||||
tag="Transparent Pricing"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Starter",
|
||||
price: "$9.99/mo",
|
||||
subtitle: "For budget-conscious individuals",
|
||||
features: [
|
||||
"Basic expense tracking",
|
||||
"Up to 5 financial goals",
|
||||
"Mobile app access",
|
||||
"Monthly reports",
|
||||
],
|
||||
id: "1", badge: "Starter", price: "$9.99/mo", subtitle: "For budget-conscious individuals", features: [
|
||||
"Basic expense tracking", "Up to 5 financial goals", "Mobile app access", "Monthly reports"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Professional",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$29.99/mo",
|
||||
subtitle: "Most popular for serious savers",
|
||||
features: [
|
||||
"Advanced analytics",
|
||||
"Unlimited goals",
|
||||
"Investment tracking",
|
||||
"Priority support",
|
||||
"Tax insights",
|
||||
],
|
||||
id: "2", badge: "Professional", badgeIcon: Sparkles,
|
||||
price: "$29.99/mo", subtitle: "Most popular for serious savers", features: [
|
||||
"Advanced analytics", "Unlimited goals", "Investment tracking", "Priority support", "Tax insights"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Premium",
|
||||
badgeIcon: Crown,
|
||||
price: "$79.99/mo",
|
||||
subtitle: "For wealth management professionals",
|
||||
features: [
|
||||
"All Professional features",
|
||||
"1-on-1 financial advisor",
|
||||
"Portfolio optimization",
|
||||
"Estate planning tools",
|
||||
"24/7 premium support",
|
||||
],
|
||||
id: "3", badge: "Premium", badgeIcon: Crown,
|
||||
price: "$79.99/mo", subtitle: "For wealth management professionals", features: [
|
||||
"All Professional features", "1-on-1 financial advisor", "Portfolio optimization", "Estate planning tools", "24/7 premium support"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,15 +159,9 @@ export default function HomePage() {
|
||||
tag="Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "$2.3B",
|
||||
description: "Total wealth managed by our users, representing genuine financial empowerment",
|
||||
},
|
||||
id: "1", value: "$2.3B", description: "Total wealth managed by our users, representing genuine financial empowerment"},
|
||||
{
|
||||
id: "2",
|
||||
value: "42%",
|
||||
description: "Average increase in savings rate for users within their first year",
|
||||
},
|
||||
id: "2", value: "42%", description: "Average increase in savings rate for users within their first year"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -227,59 +175,23 @@ export default function HomePage() {
|
||||
tag="Customer Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Business Owner",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-headphones-looking-camera_23-2147762341.jpg",
|
||||
imageAlt: "Professional business woman portrait photo",
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", role: "Business Owner", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-headphones-looking-camera_23-2147762341.jpg", imageAlt: "Professional business woman portrait photo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Financial Planner",
|
||||
company: "Wealth Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg",
|
||||
imageAlt: "Professional business man portrait photo",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Financial Planner", company: "Wealth Partners", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-man-standing-outside_1262-3488.jpg", imageAlt: "Professional business man portrait photo"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Freelancer",
|
||||
company: "Creative Services",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg",
|
||||
imageAlt: "Professional woman business portrait photo",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Freelancer", company: "Creative Services", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg", imageAlt: "Professional woman business portrait photo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thompson",
|
||||
role: "Investor",
|
||||
company: "Portfolio Manager",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-device-smartphone-glasses-connection_1262-2682.jpg",
|
||||
imageAlt: "Mature professional man business portrait",
|
||||
},
|
||||
id: "4", name: "David Thompson", role: "Investor", company: "Portfolio Manager", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-device-smartphone-glasses-connection_1262-2682.jpg", imageAlt: "Mature professional man business portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "HR Director",
|
||||
company: "Corporate Benefits",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg",
|
||||
imageAlt: "Professional business woman corporate portrait",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "HR Director", company: "Corporate Benefits", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-big-smile-crossed-arms_1139-248.jpg", imageAlt: "Professional business woman corporate portrait"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
role: "Accountant",
|
||||
company: "Finance Consulting",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275677.jpg",
|
||||
imageAlt: "Accountant professional man business portrait",
|
||||
},
|
||||
id: "6", name: "James Wilson", role: "Accountant", company: "Finance Consulting", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275677.jpg", imageAlt: "Accountant professional man business portrait"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -288,6 +200,31 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about managing your finances with FinanceFlow"
|
||||
textPosition="left"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is my financial data secure?", content: "Yes, we use bank-level 256-bit encryption and comply with all financial regulations including PCI DSS. Your data is never shared with third parties without your consent."},
|
||||
{
|
||||
id: "2", title: "Can I connect my bank accounts?", content: "Absolutely. We securely connect to over 10,000 financial institutions. Your credentials are encrypted and we never store them on our servers."},
|
||||
{
|
||||
id: "3", title: "What if I want to cancel my subscription?", content: "You can cancel anytime with no penalties. All your data remains accessible for 30 days, and you can export everything in standard formats."},
|
||||
{
|
||||
id: "4", title: "Do you offer investment advice?", content: "Our Professional and Premium plans include personalized financial insights. Premium members also get access to certified financial advisors for 1-on-1 guidance."},
|
||||
{
|
||||
id: "5", title: "Is there a mobile app?", content: "Yes! Our apps are available on iOS and Android. All plans include mobile access, with full feature parity between web and mobile platforms."},
|
||||
{
|
||||
id: "6", title: "How do you calculate my tax insights?", content: "We analyze your transactions and investment activities to identify potential tax optimization opportunities. Always consult with a tax professional for specific advice."},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis columns={footerColumns} logoText="FinanceFlow" />
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,41 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fill?: string;
|
||||
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging';
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
fontSize = 24,
|
||||
fill = 'currentColor',
|
||||
dominantBaseline = 'middle',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 200 50"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
aria-label={text}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline={dominantBaseline}
|
||||
fontSize={fontSize}
|
||||
fill={fill}
|
||||
fontWeight="bold"
|
||||
fontFamily="system-ui, -apple-system, sans-serif"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user