Update src/app/page.tsx

Add src/app/contact/page.tsx
Merge version_3 into main
2026-04-30 06:40:12 +00:00 · 2026-04-30 06:40:12 +00:00 · 2026-04-30 06:38:50 +00:00 · 2026-04-30 06:38:47 +00:00 · 2026-04-30 06:37:57 +00:00 · 2026-04-30 06:37:54 +00:00
4 changed files with 86 additions and 24 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -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>
+  );
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,9 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 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.',
 };

-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({
  children,
@@ -25,7 +38,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${poppins.variable} antialiased`}>
+        <body className={`${publicSans.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,12 +30,12 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
-        { name: "Home", id: "#hero" },
+        { name: "Home", id: "/" },
        { name: "Products", id: "#products" },
        { name: "About", id: "#about" },
-        { name: "Contact", id: "#contact" },
+        { name: "Contact", id: "/contact" },
      ]}
-      brandName="Sweet Delights Bakery"
+      brandName=""
    />
  </div>

@@ -117,33 +117,24 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
-        { id: "q1", title: "Opening Hours", content: "Daily from 8 AM to 8 PM." },
-        { id: "q2", title: "Location", content: "123 Bakery St, City Center." },
-        { id: "q3", title: "Delivery", content: "We offer fast delivery services." }
+        { 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: "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: "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"
-      title="Where To Find Us"
-      description="Visit our shop located in the city center."
+      title="Frequently Asked Questions"
+      description="Find answers to common questions about our bakery and ordering process."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273134.jpg"
    />
  </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: "#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" }] }
      ]}
    />
@@ -151,4 +142,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-public-sans), sans-serif;
 }
Author	SHA1	Message	Date
bender	4ccb9b431b	Update src/app/page.tsx	2026-04-30 06:40:12 +00:00
bender	56a017e53b	Add src/app/contact/page.tsx	2026-04-30 06:40:12 +00:00
bender	a8dc3e3679	Merge version_3 into main Merge version_3 into main	2026-04-30 06:38:50 +00:00
bender	01337219ba	Update src/app/page.tsx	2026-04-30 06:38:47 +00:00
bender	417849ffca	Merge version_3 into main Merge version_3 into main	2026-04-30 06:37:57 +00:00
bender	da33c308e3	Update theme fonts	2026-04-30 06:37:54 +00:00
bender	363161da30	Update theme fonts	2026-04-30 06:37:54 +00:00
bender	4485a0e36d	Merge version_3 into main Merge version_3 into main	2026-04-30 06:37:51 +00:00
bender	22d32c6960	Update theme fonts	2026-04-30 06:37:48 +00:00
bender	61b2dc6388	Update theme fonts	2026-04-30 06:37:48 +00:00
bender	7ef9dc73c0	Merge version_3 into main Merge version_3 into main	2026-04-30 06:37:27 +00:00
bender	f61b6f46ee	Update theme fonts	2026-04-30 06:37:24 +00:00
bender	4e503a0f58	Update theme fonts	2026-04-30 06:37:23 +00:00
bender	9ff8ad10aa	Merge version_3 into main Merge version_3 into main	2026-04-30 05:34:15 +00:00
bender	4cf205e897	Update src/app/page.tsx	2026-04-30 05:34:09 +00:00
bender	3979ecf87b	Switch to version 2: modified src/app/page.tsx	2026-04-30 05:29:22 +00:00
bender	57bb36eeb6	Switch to version 1: modified src/app/page.tsx	2026-04-30 05:29:15 +00:00
bender	00fefc68f5	Merge version_2 into main Merge version_2 into main	2026-04-30 05:26:04 +00:00
bender	35a69497ec	Update src/app/page.tsx	2026-04-30 05:25:58 +00:00
bender	b2e8863014	Merge version_1 into main Merge version_1 into main	2026-04-30 05:25:15 +00:00