Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4ccb9b431b | |||
| 56a017e53b | |||
| a8dc3e3679 | |||
| 01337219ba | |||
| 417849ffca | |||
| da33c308e3 | |||
| 363161da30 | |||
| 4485a0e36d | |||
| 22d32c6960 | |||
| 61b2dc6388 | |||
| 7ef9dc73c0 | |||
| f61b6f46ee | |||
| 4e503a0f58 | |||
| 9ff8ad10aa | |||
| 4cf205e897 | |||
| 3979ecf87b | |||
| 57bb36eeb6 | |||
| 00fefc68f5 | |||
| 35a69497ec | |||
| b2e8863014 |
58
src/app/contact/page.tsx
Normal file
58
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||||
|
|
||||||
|
export default function ContactPage() {
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="shift-hover"
|
||||||
|
defaultTextAnimation="reveal-blur"
|
||||||
|
borderRadius="soft"
|
||||||
|
contentWidth="small"
|
||||||
|
sizing="mediumSizeLargeTitles"
|
||||||
|
background="circleGradient"
|
||||||
|
cardStyle="outline"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="solid"
|
||||||
|
headingFontWeight="light"
|
||||||
|
>
|
||||||
|
<ReactLenis root>
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
navItems={[
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "Products", id: "/#products" },
|
||||||
|
{ name: "About", id: "/#about" },
|
||||||
|
{ name: "Contact", id: "/contact" },
|
||||||
|
]}
|
||||||
|
brandName=""
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactCenter
|
||||||
|
useInvertedBackground={true}
|
||||||
|
background={{ variant: "plain" }}
|
||||||
|
tag="Contact Us"
|
||||||
|
title="Get In Touch"
|
||||||
|
description="Call us at +1 234 567 890 or use the form below."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterBaseCard
|
||||||
|
logoText="Sweet Delights"
|
||||||
|
columns={[
|
||||||
|
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Products", href: "/#products" }] },
|
||||||
|
{ title: "Social", items: [{ label: "WhatsApp", href: "https://wa.me/1234567890" }] }
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Poppins } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
import { Nunito_Sans } from "next/font/google";
|
||||||
|
import { Public_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -15,7 +18,17 @@ export const metadata: Metadata = {
|
|||||||
description: 'Freshly baked items, custom cakes, and delicious treats in the city.',
|
description: 'Freshly baked items, custom cakes, and delicious treats in the city.',
|
||||||
};
|
};
|
||||||
|
|
||||||
const poppins = Poppins({ variable: "--font-poppins", subsets: ["latin"], weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"] });
|
|
||||||
|
|
||||||
|
|
||||||
|
const publicSans = Public_Sans({
|
||||||
|
variable: "--font-public-sans",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
const inter = Inter({
|
||||||
|
variable: "--font-inter",
|
||||||
|
subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
@@ -25,7 +38,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${poppins.variable} antialiased`}>
|
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
@@ -30,12 +30,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "#hero" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Products", id: "#products" },
|
{ name: "Products", id: "#products" },
|
||||||
{ name: "About", id: "#about" },
|
{ name: "About", id: "#about" },
|
||||||
{ name: "Contact", id: "#contact" },
|
{ name: "Contact", id: "/contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Sweet Delights Bakery"
|
brandName=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -117,33 +117,24 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "q1", title: "Opening Hours", content: "Daily from 8 AM to 8 PM." },
|
{ id: "q0", title: "How to order?", content: "To order a custom cake, please fill out our contact form specifying your preferred flavor, design details, date, and guest count. We will follow up to confirm your request. We also offer delivery services across the city; delivery options can be selected at the final confirmation step." },
|
||||||
{ id: "q2", title: "Location", content: "123 Bakery St, City Center." },
|
{ id: "q1", title: "How do I order a custom cake?", content: "For custom cake inquiries, please reach out via our contact form or send us a WhatsApp message with your design ideas, date, and guest count. We recommend booking at least 1 week in advance." },
|
||||||
{ id: "q3", title: "Delivery", content: "We offer fast delivery services." }
|
{ id: "q2", title: "Do you offer delivery?", content: "Yes, we provide local delivery for all orders. Delivery fees are calculated based on your address and can be confirmed upon order placement." },
|
||||||
|
{ id: "q3", title: "Opening Hours", content: "Daily from 8 AM to 8 PM." }
|
||||||
]}
|
]}
|
||||||
mediaAnimation="none"
|
mediaAnimation="none"
|
||||||
title="Where To Find Us"
|
title="Frequently Asked Questions"
|
||||||
description="Visit our shop located in the city center."
|
description="Find answers to common questions about our bakery and ordering process."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273134.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273134.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactCenter
|
|
||||||
useInvertedBackground={true}
|
|
||||||
background={{ variant: "plain" }}
|
|
||||||
tag="Contact Us"
|
|
||||||
title="Get In Touch"
|
|
||||||
description="Call us at +1 234 567 890 or use the form below."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Sweet Delights"
|
logoText="Sweet Delights"
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Products", href: "#products" }] },
|
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Products", href: "#products" }] },
|
||||||
{ title: "Social", items: [{ label: "WhatsApp", href: "https://wa.me/1234567890" }] }
|
{ title: "Social", items: [{ label: "WhatsApp", href: "https://wa.me/1234567890" }] }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-poppins), sans-serif;
|
font-family: var(--font-inter), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-poppins), sans-serif;
|
font-family: var(--font-public-sans), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user