bender/5cc20eaa-35f8-4eff-a4ce-8f9a520eb91b
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_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_4
Branches Tags
bender:main bender:version_6 bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

10 Commits
version_2 ... version_4

Author SHA1 Message Date
bender
6258ed2d06 Update src/app/page.tsx 2026-02-16 09:13:35 +00:00
bender
afad825230 Update src/app/page.tsx 2026-02-16 09:08:05 +00:00
bender
052594d24f Update src/app/styles/variables.css 2026-02-16 09:05:01 +00:00
bender
ccef6ed1c7 Merge version_3 into main 
Merge version_3 into main
 2026-02-16 08:54:27 +00:00
bender
10d72e24eb Update src/app/shop/page.tsx 2026-02-16 08:54:23 +00:00
bender
02aef3914d Update src/app/shop/[id]/page.tsx 2026-02-16 08:54:22 +00:00
bender
7c2fc3fb72 Update src/app/page.tsx 2026-02-16 08:54:21 +00:00
bender
66594c3dd8 Update src/app/layout.tsx 2026-02-16 08:54:20 +00:00
bender
bc685d9878 Update src/app/blog/page.tsx 2026-02-16 08:54:19 +00:00
bender
2da23e3217 Merge version_2 into main 
Merge version_2 into main
 2026-02-16 08:49:38 +00:00
6 changed files with 43 additions and 64 deletions
Expand all files Collapse all files

2
src/app/blog/page.tsx
View File

@@ -109,4 +109,4 @@ export default function BlogPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

52
src/app/layout.tsx
View File

@@ -1,51 +1,26 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Noto_Sans } from "next/font/google"; import { Poppins } from "next/font/google";
import { Inter } from "next/font/google"; import "./styles/variables.css";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const notoSans = Noto_Sans({ const poppins = Poppins({
variable: "--font-noto-sans", subsets: ["latin"], variable: "--font-poppins", subsets: ["latin"],
}); weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Beauty and the Beast | Luxury Handcrafted Cups & Mugs", description: "Discover enchanted, handcrafted drinkware inspired by timeless elegance. Premium cups and mugs made with artisan excellence. Explore our collection today.", keywords: "luxury cups, handcrafted mugs, premium drinkware, artisan cups, porcelain tea sets, elegant tableware", metadataBase: new URL("asset://hero-banner"), title: "Beauty and the Beast | Enchanted Drinkware", description: "Discover exquisite handcrafted cups and mugs inspired by timeless elegance."};
alternates: {
canonical: "asset://hero-banner"
},
openGraph: {
title: "Beauty and the Beast | Enchanted Drinkware Collection", description: "Explore exquisite handcrafted cups and mugs that bring magic to every moment.", type: "website", siteName: "Beauty and the Beast", images: [{
url: "asset://hero-banner", alt: "Beauty and the Beast luxury cup collection"
}]
},
twitter: {
card: "summary_large_image", title: "Beauty and the Beast | Premium Handcrafted Cups", description: "Discover our enchanted collection of luxury drinkware.", images: ["asset://hero-banner"]
},
robots: {
index: true,
follow: true
}
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={poppins.variable}>
<body {children}
className={`${notoSans.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1264,7 +1239,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

29
src/app/page.tsx
View File

@@ -7,7 +7,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award, CheckCircle, Eye, Heart, Leaf, Package, Palette, Shield, Sparkles, Zap } from "lucide-react"; import { Award, CheckCircle, Eye, Heart, Leaf, Package, Palette, Shield, Sparkles, Zap } from "lucide-react";
@@ -64,7 +64,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "1", name: "Enchanted Rose Cup", price: "$45.00", variant: "Crimson 2 Colors", imageSrc: "https://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg", imageAlt: "Enchanted Rose Cup in crimson" id: "1", name: "Enchanted Rose Cup", price: "$45.00", variant: "Crimson 2 Colors", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1765899254134-9kbxyysg.jpg", imageAlt: "Enchanted Rose Cup in crimson"
}, },
{ {
id: "2", name: "Belle's Tea Set", price: "$89.00", variant: "Gold Accents 3 Colors", imageSrc: "https://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg", imageAlt: "Belle's elegant tea set with gold accents" id: "2", name: "Belle's Tea Set", price: "$89.00", variant: "Gold Accents 3 Colors", imageSrc: "https://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg", imageAlt: "Belle's elegant tea set with gold accents"
@@ -73,7 +73,7 @@ export default function LandingPage() {
id: "3", name: "Lumière's Glow Mug", price: "$38.00", variant: "Clear Glass 2 Colors", imageSrc: "https://img.b2bpic.net/free-photo/black-coffee-mug-table-decorated-with-new-year-decor-new-year-eve-concept_132075-11326.jpg", imageAlt: "Lumière's luminous glass mug" id: "3", name: "Lumière's Glow Mug", price: "$38.00", variant: "Clear Glass 2 Colors", imageSrc: "https://img.b2bpic.net/free-photo/black-coffee-mug-table-decorated-with-new-year-decor-new-year-eve-concept_132075-11326.jpg", imageAlt: "Lumière's luminous glass mug"
}, },
{ {
id: "4", name: "Enchanted Collection", price: "$125.00", variant: "Limited Edition 1 Color", imageSrc: "https://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg", imageAlt: "Complete enchanted collection set" id: "4", name: "Enchanted Collection", price: "$125.00", variant: "Limited Edition 1 Color", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1765899254134-9kbxyysg.jpg", imageAlt: "Complete enchanted collection set"
} }
]} ]}
/> />
@@ -163,15 +163,20 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactSplit
text="Ready to discover your perfect cup? Beauty and the Beast is dedicated to bringing timeless elegance and artisan craftsmanship into your home. Our enchanted drinkware collections are carefully curated to celebrate the beauty of handmade excellence. Whether you're looking for a personal treasure or the perfect gift, we're here to help you find something truly magical. Get in touch with our team or browse our full collection to experience the magic yourself." tag="Newsletter"
animationType="entrance-slide" title="Connect With Us"
background={{ variant: "plain" }} description="Subscribe to stay updated with our latest collections and exclusive stories behind our enchanted drinkware."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ imageSrc="https://img.b2bpic.net/free-photo/hands-working-pottery-wheel_181624-57055.jpg"
{ text: "Start Shopping", href: "#products" }, imageAlt="Artisan at pottery wheel"
{ text: "Send Message", href: "#" } mediaAnimation="slide-up"
]} mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="By subscribing, you agree to receive updates about our latest collections and exclusive offers."
onSubmit={(email) => console.log('Email submitted:', email)}
/> />
</div> </div>
@@ -224,4 +229,4 @@ export default function LandingPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }

2
src/app/shop/[id]/page.tsx
View File

@@ -338,4 +338,4 @@ export default function ProductPage({ params }: ProductPageProps) {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

2
src/app/shop/page.tsx
View File

@@ -179,4 +179,4 @@ export default function ShopPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

20
src/app/styles/variables.css
View File

@@ -2,21 +2,21 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f5f5f5;; /* --background: #f7f6f7;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #1c1c1c;; --foreground: #251a0c;;
--primary-cta: #1f3251;; --primary-cta: #f4c408;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #15479c;; --accent: #f4ca26;;
--background-accent: #a8cce8;; */ --background-accent: #e8daa8;; */
--background: #f5f5f5;; --background: #f7f6f7;;
--card: #ffffff;; --card: #ffffff;;
--foreground: #1c1c1c;; --foreground: #251a0c;;
--primary-cta: #1f3251;; --primary-cta: #f4c408;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #15479c;; --accent: #f4ca26;;
--background-accent: #a8cce8;; --background-accent: #e8daa8;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);