bender/f5e092d1-48ea-4871-84ae-70670b86a7ef
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 4 commits from version_3 into main 2026-04-18 14:41:59 +00:00
Conversation 0 Commits 4 Files Changed 4 +62 -31
4 changed files with 62 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/about/page.tsx
View File

@@ -8,11 +8,28 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function AboutPage() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} brandName="RecipeStream" />
<TextAbout title="About RecipeStream" description="We are passionate about bringing professional cooking techniques and delicious, healthy recipes to home kitchens around the globe." />
<FooterMedia logoText="RecipeStream" columns={[{title: "Links", items: [{label: "Home", href: "/"}, {label: "Contact", href: "/contact"}]}]} />
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} />
</div>
<div id="about" data-section="about">
<TextAbout title="About RecipeStream" useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterMedia logoText="RecipeStream" videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg" columns={[{title: "Links", items: [{label: "Home", href: "/"}, {label: "Contact", href: "/contact"}]}]} />
</div>
</ReactLenis>
</ThemeProvider>
);

25
src/app/contact/page.tsx
View File

@@ -8,11 +8,28 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ContactPage() {
return (
<ThemeProvider>
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="grid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} brandName="RecipeStream" />
<ContactSplit title="Get in Touch" description="We'd love to hear from you. Reach out with any culinary questions!" tag="Contact Us" />
<FooterMedia logoText="RecipeStream" columns={[{title: "Links", items: [{label: "Home", href: "/"}, {label: "About", href: "/about"}]}]} />
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]} />
</div>
<div id="contact" data-section="contact">
<ContactSplit title="Get in Touch" description="We'd love to hear from you. Reach out with any culinary questions!" tag="Contact Us" background={{ variant: "plain" }} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<FooterMedia logoText="RecipeStream" videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg" columns={[{title: "Links", items: [{label: "Home", href: "/"}, {label: "About", href: "/about"}]}]} />
</div>
</ReactLenis>
</ThemeProvider>
);

24
src/app/recipe/page.tsx
View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -26,20 +26,14 @@ export default function RecipePage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "Recipes", id: "/recipes" }]}
brandName="TradeStream"
/>
</div>
<div id="recipe-details" data-section="recipe-details">
<SplitAbout
<TextSplitAbout
title="Gourmet Recipe Name"
description="A brief but delightful introduction to this culinary masterpiece. Fresh ingredients meet expert techniques for the perfect home-cooked meal."
bulletPoints={[
{ title: "Prep Time", description: "15 mins" },
{ title: "Cook Time", description: "30 mins" },
{ title: "Servings", description: "4 people" }
]}
imageSrc="http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg"
description={["A brief but delightful introduction to this culinary masterpiece.", "Fresh ingredients meet expert techniques for the perfect home-cooked meal."]}
useInvertedBackground={false}
/>
</div>
@@ -48,10 +42,11 @@ export default function RecipePage() {
textboxLayout="default"
title="Ingredients"
description="Everything you need for this recipe:"
useInvertedBackground={false}
features={[
{ title: "Fresh Herbs", description: "Hand-picked basil and thyme" },
{ title: "Organic Vegetables", description: "Seasonal local produce" },
{ title: "Quality Proteins", description: "Locally sourced and sustainable" }
{ title: "Fresh Herbs", description: "Hand-picked basil and thyme", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg" },
{ title: "Organic Vegetables", description: "Seasonal local produce", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg" },
{ title: "Quality Proteins", description: "Locally sourced and sustainable", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-presentation_23-2149187313.jpg" }
]}
/>
</div>
@@ -63,6 +58,7 @@ export default function RecipePage() {
showRating={true}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "r1", name: "Jane Doe", handle: "@chefjane", testimonial: "Absolutely divine, made this twice already!", rating: 5 },
{ id: "r2", name: "John Smith", handle: "@cookjohn", testimonial: "Great instructions, very easy to follow.", rating: 4 }
@@ -72,7 +68,7 @@ export default function RecipePage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
logoText="TradeStream"
columns={[]}
/>

19
src/app/recipes/page.tsx
View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ContactSplitForm from '@/components/form/ContactForm';
export default function RecipesPage() {
return (
@@ -28,20 +28,20 @@ export default function RecipesPage() {
{ name: "Home", id: "/" },
{ name: "Recipes", id: "/recipes" }
]}
brandName="TradeStream"
/>
</div>
<div id="recipe-browser" data-section="recipe-browser">
<FeatureCardMedia
title="Browse Our Recipes"
description="Discover delicious recipes categorized by type, diet, and prep time. Use the search to find exactly what you're craving."
description="Discover delicious recipes categorized by type, diet, and prep time."
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "r1", title: "Quick & Easy", description: "Ready in 30 minutes or less.", tag: "Category", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-food-in-restaurant-kitchen_23-2148760662.jpg" },
{ id: "r2", title: "Healthy & Lean", description: "Nutritious and balanced meals.", tag: "Category", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-background_23-2148464673.jpg" },
{ id: "r3", title: "Vegetarian", description: "Plant-based goodness.", tag: "Category", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bell-peppers-ingredients-wooden-table_23-2148762744.jpg" }
{ title: "Quick & Easy", description: "Ready in 30 minutes or less.", tag: "Category", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-food-in-restaurant-kitchen_23-2148760662.jpg" },
{ title: "Healthy & Lean", description: "Nutritious and balanced meals.", tag: "Category", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-background_23-2148464673.jpg" },
{ title: "Vegetarian", description: "Plant-based goodness.", tag: "Category", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bell-peppers-ingredients-wooden-table_23-2148762744.jpg" }
]}
/>
</div>
@@ -50,16 +50,17 @@ export default function RecipesPage() {
<ContactSplitForm
title="Newsletter"
description="Get new recipes delivered to your inbox."
tag="Newsletter"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" }
{ label: "Your Name", name: "name", type: "text", placeholder: "Your Name" },
{ label: "Your Email", name: "email", type: "email", placeholder: "Your Email" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
logoText="TradeStream"
columns={[
{ title: "Platform", items: [{ label: "Home", href: "/" }, { label: "Recipes", href: "/recipes" }] },