Initial commit
This commit is contained in:
103
src/app/contact/page.tsx
Normal file
103
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,103 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user