bender/df80e9a0-086f-428a-96be-d65375decb11
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

18 Commits
version_2 ... version_4

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
4 changed files with 80 additions and 18 deletions
Expand all files Collapse all files

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

17
src/app/layout.tsx
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

19
src/app/page.tsx
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,6 +117,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ 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: "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: "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." } { id: "q3", title: "Opening Hours", content: "Daily from 8 AM to 8 PM." }
@@ -129,21 +130,11 @@ export default function LandingPage() {
/> />
</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" }] }
]} ]}
/> />

4
src/app/styles/base.css
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;
} }