Files
c17b726d-393b-4355-88bd-009…/src/app/contact/page.tsx
Nikolay Pecheniev 70c625f19b Initial commit
2026-01-22 22:23:36 +02:00

103 lines
3.4 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Phone, TrendingUp, Linkedin, Twitter, Mail } from 'lucide-react';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="background-highlight"
borderRadius="sharp"
contentWidth="smallMedium"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleMinimal
brandName="MyToYou"
button={{
text: "Get Started",
href: "/contact"
}}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get in Touch"
title="Start Your Investment Journey Today"
description="Join thousands of satisfied investors who trust MyToYou with their financial future. Schedule a consultation with our expert advisors to create a personalized investment strategy."
useInvertedBackground="noInvert"
imageSrc="https://img.b2bpic.net/free-photo/top-view-financial-reports-cup-coffee_1232-486.jpg"
imageAlt="Investment consultation meeting"
mediaPosition="right"
tagIcon={Phone}
inputPlaceholder="Enter your email address"
buttonText="Get Started"
termsText="We respect your privacy. Your information will only be used to contact you about investment opportunities."
/>
</div>
<div id="commitment-metrics" data-section="commitment-metrics">
<MetricCardTwo
title="Our Commitment to You"
description="Why thousands of investors trust MyToYou with their financial future."
tag="Trust & Performance"
tagIcon={TrendingUp}
metrics={[
{
id: "1",
value: "24/7",
description: "Premium Support Available"
},
{
id: "2",
value: "15 Years",
description: "Investment Management Experience"
},
{
id: "3",
value: "100%",
description: "Transparent Fee Structure"
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<FooterCard
logoText="MyToYou"
copyrightText="© 2025 MyToYou Investment Agency. All rights reserved."
socialLinks={[
{
icon: Linkedin,
href: "https://linkedin.com/company/mytoYou",
ariaLabel: "LinkedIn"
},
{
icon: Twitter,
href: "https://twitter.com/mytoYouInvest",
ariaLabel: "Twitter"
},
{
icon: Mail,
href: "mailto:info@mytoYou.com",
ariaLabel: "Email"
}
]}
/>
</ThemeProvider>
);
}