13 Commits

Author SHA1 Message Date
53849aae62 Update src/app/recipes/page.tsx 2026-04-18 14:42:50 +00:00
6fd6ac074f Update src/app/recipes/page.tsx 2026-04-18 14:42:22 +00:00
3b6b4b1fde Update src/app/recipes/page.tsx 2026-04-18 14:41:56 +00:00
2eea5b3ee4 Update src/app/recipe/page.tsx 2026-04-18 14:41:56 +00:00
8824667aaa Update src/app/contact/page.tsx 2026-04-18 14:41:55 +00:00
4ff8762f1e Update src/app/about/page.tsx 2026-04-18 14:41:55 +00:00
f89b3b4377 Add src/app/recipes/page.tsx 2026-04-18 14:41:26 +00:00
301be44110 Add src/app/recipe/page.tsx 2026-04-18 14:41:26 +00:00
1a441f20e0 Update src/app/page.tsx 2026-04-18 14:41:25 +00:00
82aeec27d4 Add src/app/contact/page.tsx 2026-04-18 14:41:25 +00:00
d17ad4a84d Add src/app/about/page.tsx 2026-04-18 14:41:25 +00:00
50ea6b2eaf Merge version_2 into main
Merge version_2 into main
2026-04-18 14:22:04 +00:00
d0d3d7f4b3 Update src/app/page.tsx 2026-04-18 14:22:01 +00:00
5 changed files with 268 additions and 243 deletions

36
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function AboutPage() {
return (
<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>
<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>
);
}

36
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,36 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ContactPage() {
return (
<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>
<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>
);
}

View File

@@ -31,70 +31,28 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Features",
id: "#features",
},
{
name: "Trading",
id: "#products",
},
{
name: "Metrics",
id: "#metrics",
},
{
name: "Testimonials",
id: "#testimonials",
},
{ name: "About", id: "/about" },
{ name: "Features", id: "#features" },
{ name: "Markets", id: "#products" },
{ name: "Contact", id: "/contact" },
]}
brandName="TradeStream"
brandName="RecipeStream"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Trade Smarter with TradeStream"
description="Experience professional-grade trading technology designed for speed, precision, and reliable growth. Join thousands of traders using our advanced platform."
tag="Advanced Trading Platform"
background={{ variant: "gradient-bars" }}
title="Delicious Recipes, Simplified"
description="Discover professional-grade culinary secrets designed for speed, flavor, and reliable results. Join thousands of home cooks using our advanced platform."
tag="The Ultimate Culinary Platform"
buttons={[
{
text: "Start Trading",
href: "#products",
},
{
text: "Learn More",
href: "#about",
},
{ text: "Start Cooking", href: "#products" },
{ text: "Learn More", href: "/about" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66723.jpg",
imageAlt: "Dashboard",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100329.jpg",
imageAlt: "Global Map",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904316.jpg",
imageAlt: "Tablet",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",
imageAlt: "Data",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stockbroker-analyzing-trading-data_482257-121321.jpg",
imageAlt: "Monitor",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bitcoins-2021-calendar-assortment_23-2148783051.jpg",
imageAlt: "Mobile",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/cooking-with-herbs-spices_1150-1317.jpg", imageAlt: "Cooking" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-ingredients-wooden-table_23-2148184511.jpg", imageAlt: "Ingredients" },
]}
/>
</div>
@@ -102,12 +60,8 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Built for Serious Traders"
buttons={[
{
text: "Discover Advantages",
},
]}
title="Built for Passionate Cooks"
buttons={[{ text: "Discover Our Mission", href: "/about" }]}
/>
</div>
@@ -116,24 +70,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Ultra-Fast Execution",
description: "Millisecond-level order routing.",
imageSrc: "http://img.b2bpic.net/free-photo/sound-waves-coming-out-from-human-ear_23-2149831013.jpg",
},
{
title: "Bank-Grade Security",
description: "Multi-factor authentication & encryption.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-protecting-digital-data-from-threats_23-2152029092.jpg",
},
{
title: "AI Analytics",
description: "Predictive insights powered by ML.",
imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg",
},
{ title: "Quick Recipes", description: "Delicious meals in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-salad-wooden-table_1150-28062.jpg" },
{ title: "Expert Tips", description: "Master techniques with ease.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish-restaurant-kitchen_23-2148905333.jpg" },
{ title: "Ingredient Sourcing", description: "Only the freshest ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/assorted-vegetables-wooden-table_1150-32777.jpg" },
]}
title="Platform Highlights"
description="Powerful tools for modern market participants."
description="Powerful tools for modern culinary exploration."
/>
</div>
@@ -144,45 +86,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Global Stocks",
price: "Low Spread",
imageSrc: "http://img.b2bpic.net/free-vector/stock-market-financial-chart-bear-vs-bull-strategy-background_1017-61212.jpg",
},
{
id: "p2",
name: "Forex Pairs",
price: "24/7 Access",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-online-shopping-concept_23-2148625677.jpg",
},
{
id: "p3",
name: "Crypto Assets",
price: "High Volatility",
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572129.jpg",
},
{
id: "p4",
name: "Commodity Futures",
price: "Stable",
imageSrc: "http://img.b2bpic.net/free-photo/candlestick-graph-investment-financial-analysis-report-sign-symbol-icon-3d-rendering_56104-1918.jpg",
},
{
id: "p5",
name: "Fixed Income Bonds",
price: "Conservative",
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761042.jpg",
},
{
id: "p6",
name: "Options Trading",
price: "Advanced",
imageSrc: "http://img.b2bpic.net/free-photo/business-background-design_1156-861.jpg",
},
{ id: "p1", name: "Healthy Meals", price: "Fast", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad_1150-4248.jpg" },
{ id: "p2", name: "Gourmet Dinners", price: "Sophisticated", imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-meal_1150-12345.jpg" },
{ id: "p3", name: "Quick Snacks", price: "Simple", imageSrc: "http://img.b2bpic.net/free-photo/tasty-snacks_1150-54321.jpg" },
]}
title="Explore Our Markets"
description="Diversified access to global liquidity."
title="Explore Our Recipes"
description="Diverse culinary inspirations."
/>
</div>
@@ -192,30 +101,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Server Uptime",
description: "Stable performance.",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-colorful-shapes_23-2148879428.jpg",
},
{
id: "m2",
value: "1.2M",
title: "Active Traders",
description: "Global community.",
imageSrc: "http://img.b2bpic.net/free-photo/arrows-economy-chart_23-2148541996.jpg",
},
{
id: "m3",
value: "24/7",
title: "Support Availability",
description: "Always ready.",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637779.jpg",
},
{ id: "m1", value: "99%", title: "Success Rate", description: "Perfect dishes guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-food-arrangement_23-2148184511.jpg" },
{ id: "m2", value: "1.2M", title: "Home Chefs", description: "Global culinary community.", imageSrc: "http://img.b2bpic.net/free-photo/chef-hat-ingredients_23-2148905333.jpg" },
{ id: "m3", value: "24/7", title: "Expert Support", description: "Cooking help anytime.", imageSrc: "http://img.b2bpic.net/free-photo/food-presentation-close-up_1150-28062.jpg" },
]}
title="Unmatched Performance"
description="Data-backed reliability."
title="Unmatched Quality"
description="Quality-backed results."
/>
</div>
@@ -225,50 +116,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarahj",
testimonial: "The best platform I have used. Fast and reliable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Excellent analytics tools. Improved my returns significantly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/presenting-ideas-pretty-colleague_1098-12697.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@emilyrod",
testimonial: "Highly secure and easy to understand interface.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-financial-expert-office-serious-thoughtful-man-working-his-workplace-analyzing-financial-data-stock-market-enjoying-thinking-financial-analytics-business-strate_74855-23333.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Support team is always responsive. Top notch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-dressed-suit_171337-370.jpg",
},
{
id: "5",
name: "Alex Smith",
handle: "@asmith",
testimonial: "Reliable execution even during high volatility.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-manager-preparing-report-executive-board_1098-19003.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best recipes I have ever used. Simply delicious.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-chef_1098-16109.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Excellent instructions. Improved my cooking skills significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cooking-class-participant_1098-12697.jpg" },
]}
showRating={true}
title="Trader Success Stories"
description="Real feedback from our global trading community."
title="Chef Success Stories"
description="Real feedback from our global community."
/>
</div>
@@ -276,23 +129,11 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I start?",
content: "Sign up for an account, verify identity, and deposit funds.",
},
{
id: "f2",
title: "Is my money safe?",
content: "Yes, we use advanced encryption and cold storage.",
},
{
id: "f3",
title: "What assets can I trade?",
content: "Stocks, forex, crypto, commodities, and bonds.",
},
{ id: "f1", title: "How do I start?", content: "Browse recipes, save your favorites, and get cooking!" },
{ id: "f2", title: "Are these recipes healthy?", content: "Yes, we prioritize fresh, balanced ingredients." },
{ id: "f3", title: "Can I customize recipes?", content: "Absolutely, our tools allow for personal adjustments." },
]}
sideTitle="Frequently Asked Questions"
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
@@ -300,13 +141,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Get Started"
title="Join Our Trading Community"
description="Unlock advanced tools today."
imageSrc="http://img.b2bpic.net/free-photo/unfocused-view-modern-airport_1203-1591.jpg"
background={{ variant: "plain" }}
tag="Contact Us"
title="Get in Touch"
description="Have questions about our recipes or services? Let us know."
imageSrc="http://img.b2bpic.net/free-photo/contact-us-concept-view_1150-4248.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -314,47 +153,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
logoText="TradeStream"
logoText="RecipeStream"
columns={[
{
title: "Platform",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Markets",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ title: "Recipes", items: [{ label: "Catalog", href: "#products" }, { label: "Popular", href: "#" }] },
{ title: "About Us", items: [{ label: "Our Story", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>

79
src/app/recipe/page.tsx Normal file
View File

@@ -0,0 +1,79 @@
"use client";
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 TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
export default function RecipePage() {
return (
<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>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[{ name: "Home", id: "/" }, { name: "Recipes", id: "/recipes" }]}
/>
</div>
<div id="recipe-details" data-section="recipe-details">
<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."]}
useInvertedBackground={false}
/>
</div>
<div id="ingredients" data-section="ingredients">
<FeatureCardEight
textboxLayout="default"
title="Ingredients"
description="Everything you need for this recipe:"
useInvertedBackground={false}
features={[
{ 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>
<div id="ratings" data-section="ratings">
<TestimonialCardThirteen
title="Community Ratings"
description="See what others are saying about this recipe."
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 }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
videoSrc="http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-grid-background_53876-129728.jpg"
logoText="TradeStream"
columns={[]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

71
src/app/recipes/page.tsx Normal file
View File

@@ -0,0 +1,71 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function RecipesPage() {
return (
<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>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Recipes", id: "/recipes" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
title="Browse Our Recipes"
description="Discover delicious recipes categorized by type, diet, and prep time."
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Quick & Easy", description: "Ready in 30 minutes or less.", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-food-in-restaurant-kitchen_23-2148760662.jpg" },
{ title: "Healthy & Lean", description: "Nutritious and balanced meals.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-background_23-2148464673.jpg" },
{ title: "Vegetarian", description: "Plant-based goodness.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bell-peppers-ingredients-wooden-table_23-2148762744.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Newsletter"
title="Newsletter"
description="Get new recipes delivered to your inbox."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
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" }] },
{ title: "Support", items: [{ label: "Contact", href: "/contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}