20 Commits

Author SHA1 Message Date
4ccb9b431b Update src/app/page.tsx 2026-04-30 06:40:12 +00:00
56a017e53b Add src/app/contact/page.tsx 2026-04-30 06:40:12 +00:00
a8dc3e3679 Merge version_3 into main
Merge version_3 into main
2026-04-30 06:38:50 +00:00
01337219ba Update src/app/page.tsx 2026-04-30 06:38:47 +00:00
417849ffca Merge version_3 into main
Merge version_3 into main
2026-04-30 06:37:57 +00:00
da33c308e3 Update theme fonts 2026-04-30 06:37:54 +00:00
363161da30 Update theme fonts 2026-04-30 06:37:54 +00:00
4485a0e36d Merge version_3 into main
Merge version_3 into main
2026-04-30 06:37:51 +00:00
22d32c6960 Update theme fonts 2026-04-30 06:37:48 +00:00
61b2dc6388 Update theme fonts 2026-04-30 06:37:48 +00:00
7ef9dc73c0 Merge version_3 into main
Merge version_3 into main
2026-04-30 06:37:27 +00:00
f61b6f46ee Update theme fonts 2026-04-30 06:37:24 +00:00
4e503a0f58 Update theme fonts 2026-04-30 06:37:23 +00:00
9ff8ad10aa Merge version_3 into main
Merge version_3 into main
2026-04-30 05:34:15 +00:00
4cf205e897 Update src/app/page.tsx 2026-04-30 05:34:09 +00:00
3979ecf87b Switch to version 2: modified src/app/page.tsx 2026-04-30 05:29:22 +00:00
57bb36eeb6 Switch to version 1: modified src/app/page.tsx 2026-04-30 05:29:15 +00:00
00fefc68f5 Merge version_2 into main
Merge version_2 into main
2026-04-30 05:26:04 +00:00
35a69497ec Update src/app/page.tsx 2026-04-30 05:25:58 +00:00
b2e8863014 Merge version_1 into main
Merge version_1 into main
2026-04-30 05:25:15 +00:00
4 changed files with 86 additions and 24 deletions

58
src/app/contact/page.tsx Normal file
View 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>
);
}

View File

@@ -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

View File

@@ -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" }] }
]} ]}
/> />

View File

@@ -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;
} }