Add src/app/contact/page.tsx

This commit is contained in:
2026-03-06 17:22:32 +00:00
parent d18999f563
commit a4ecac4044

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

@@ -0,0 +1,101 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ContactText from "@/components/sections/contact/ContactText";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Fatinur Flowers"
navItems={[
{ name: "Home", id: "/" },
{ name: "Catalog", id: "/catalog" },
{ name: "About", id: "/about" },
{ name: "Delivery", id: "/delivery" },
{ name: "Contact", id: "/contact" },
]}
/>
</div>
<div id="contact-section" data-section="contact" className="pt-20">
<ContactText
text="Get in touch with Fatinur Flowers. We're here to help you express your love and beauty through flowers."
animationType="entrance-slide"
buttons={[
{ text: "Order on Telegram", href: "https://t.me/fatinur_flowers" },
{ text: "Message on Instagram", href: "https://instagram.com/fatinur_flowers" },
{ text: "WhatsApp", href: "https://wa.me/998901234567" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
title="Connect With Us"
description="Follow us on social media for daily flower inspiration and special offers"
tag="📱 Social Links"
names={["Telegram", "Instagram", "WhatsApp", "Facebook"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Fatinur Flowers"
columns={[
{
title: "Products", items: [
{ label: "Flower Catalog", href: "/catalog" },
{ label: "Categories", href: "/catalog" },
{ label: "Popular Bouquets", href: "/catalog" },
],
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Delivery Info", href: "/delivery" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Connect", items: [
{ label: "Telegram", href: "https://t.me/fatinur_flowers" },
{ label: "Instagram", href: "https://instagram.com/fatinur_flowers" },
{ label: "WhatsApp", href: "https://wa.me/998901234567" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Cookie Policy", href: "/cookies" },
],
},
]}
copyrightText="© 2025 Fatinur Flowers. All rights reserved."
/>
</div>
</ThemeProvider>
);
}