Merge version_4 into main
Merge version_4 into main
This commit was merged in pull request #11.
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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Rosania Digital"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Start Your Project", href: "/contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Let's discuss your project and how I can help bring your vision to life."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: false
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell me about your project...", rows: 6,
|
||||
required: true
|
||||
}}
|
||||
buttonText="Send Message"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=1"
|
||||
imageAlt="Contact us workspace"
|
||||
onSubmit={(data) => {
|
||||
console.log("Form submitted:", data);
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=2"
|
||||
imageAlt="Rosania Digital footer"
|
||||
logoText="Rosania Digital"
|
||||
copyrightText="© 2025 Rosania Digital. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Website Design", href: "/#services" },
|
||||
{ label: "Development", href: "/#services" },
|
||||
{ label: "SEO Optimization", href: "/#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
{ label: "FAQ", href: "/#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Get Started", href: "/contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -31,10 +31,11 @@ export default function LandingPage() {
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Start Your Project", href: "#contact"
|
||||
text: "Start Your Project", href: "/contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -46,7 +47,7 @@ export default function LandingPage() {
|
||||
tag="Professional Web Design"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Get Started Today", href: "#contact" }
|
||||
{ text: "Get Started Today", href: "/contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AxdW9VbVU3QUJfov01xndodyZE/tmp/make-a-subtle-dark-blue-technology-backg-1773541130584-50de08fb.png?_wi=1"
|
||||
@@ -63,7 +64,7 @@ export default function LandingPage() {
|
||||
"Hi, I'm the founder of Rosania Digital, and I specialize in creating beautiful, functional websites for local businesses. With a deep passion for web design and digital strategy, I help entrepreneurs and small business owners establish a strong online presence.", "Every project I take on is treated with the same care and attention to detail. I believe in creating websites that don't just look great—they work great too. From initial concept to final launch, I'm committed to delivering results that exceed expectations and drive real business growth."
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Let's Work Together", href: "#contact" }
|
||||
{ text: "Let's Work Together", href: "/contact" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={false}
|
||||
@@ -190,7 +191,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Get Started", href: "#contact" },
|
||||
{ label: "Get Started", href: "/contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user