bender/a63d9d3c-4e2b-4afd-a2d3-ec4e317f367e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_9 into main

Browse Source 
Merge version_9 into main
This commit was merged in pull request #9.
This commit is contained in:
bender
2026-06-02 15:00:23 +00:00
parent 3335c0f432 caf30c00a1
commit 665bbb3636
2 changed files with 54 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/app/page.tsx
View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Heart, Leaf, Palette, ShieldCheck, Truck } from "lucide-react";
export default function LandingPage() {
@@ -150,24 +150,24 @@ export default function LandingPage() {
</div>
<div id="products" data-section="products">
<ProductCardOne
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Artisan Coffee Blend", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/pile-coffee-beans-lemon-slice-wooden-plate_114579-84660.jpg", imageAlt: "Artisan Coffee Blend"},
id: "p1", name: "Artisan Coffee Blend", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/pile-coffee-beans-lemon-slice-wooden-plate_114579-84660.jpg", imageAlt: "Artisan Coffee Blend", variant: "Coffee"},
{
id: "p2", name: "Hand-Painted Mug", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46555.jpg", imageAlt: "Hand-Painted Mug"},
id: "p2", name: "Hand-Painted Mug", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46555.jpg", imageAlt: "Hand-Painted Mug", variant: "Ceramics"},
{
id: "p3", name: "Natural Soy Candle", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104639.jpg", imageAlt: "Natural Soy Candle"},
id: "p3", name: "Natural Soy Candle", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-cotton-plant-vase-used-interior-decor_23-2151104639.jpg", imageAlt: "Natural Soy Candle", variant: "Home Fragrance"},
{
id: "p4", name: "Gourmet Dark Chocolate", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ganache-truffle-squares-dusted-with-cacao-cutting-board_53876-106070.jpg", imageAlt: "Gourmet Dark Chocolate"},
id: "p4", name: "Gourmet Dark Chocolate", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-ganache-truffle-squares-dusted-with-cacao-cutting-board_53876-106070.jpg", imageAlt: "Gourmet Dark Chocolate", variant: "Confections"},
{
id: "p5", name: "Minimalist Leather Wallet", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11194.jpg", imageAlt: "Minimalist Leather Wallet"},
id: "p5", name: "Minimalist Leather Wallet", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11194.jpg", imageAlt: "Minimalist Leather Wallet", variant: "Accessories"},
{
id: "p6", name: "Handcrafted Wooden Board", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slices-with-pipe-cookies-sliced-tangerines-dark-background-fruit-cake-pie-cookie-sweet-tea_140725-96195.jpg", imageAlt: "Handcrafted Wooden Board"},
id: "p6", name: "Handcrafted Wooden Board", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slices-with-pipe-cookies-sliced-tangerines-dark-background-fruit-cake-pie-cookie-sweet-tea_140725-96195.jpg", imageAlt: "Handcrafted Wooden Board", variant: "Kitchenware"},
]}
title="Our Exclusive Resseling Collection"
description="Explore handcrafted goods, unique decor, and artisanal delights, all inspired by Resseling's charm."
@@ -189,20 +189,21 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah J.", date: "May 10, 2024", title: "Absolutely stunning products!", quote: "The coffee blend is exquisite, and the mug I ordered is even more beautiful in person. Brynx Store truly delivers on quality.", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-man-with-afro-hairstyle-stubble-wears-orange-anorak_273609-8595.jpg", avatarAlt: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-holding-smartphone_23-2149313448.jpg", imageAlt: "Sarah J. with coffee"},
id: "1", name: "Sarah J.", role: "Coffee Lover", testimonial: "The coffee blend is exquisite, and the mug I ordered is even more beautiful in person. Brynx Store truly delivers on quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-man-with-afro-hairstyle-stubble-wears-orange-anorak_273609-8595.jpg", imageAlt: "Sarah J."},
{
id: "2", name: "Michael D.", date: "April 28, 2024", title: "Exceptional craftsmanship and service.", quote: "I'm impressed by the unique items available and the swift delivery. This is my new go-to for artisanal gifts.", tag: "Gift Giver", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", avatarAlt: "Michael D.", imageSrc: "http://img.b2bpic.net/free-photo/man-taking-his-stuff-out-from-cardboard-box_329181-18272.jpg", imageAlt: "Michael D. unboxing"},
id: "2", name: "Michael D.", role: "Gift Giver", testimonial: "I'm impressed by the unique items available and the swift delivery. This is my new go-to for artisanal gifts.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Michael D."},
{
id: "3", name: "Emily R.", date: "March 15, 2024", title: "A delightful shopping experience!", quote: "The website is easy to navigate, and the product descriptions are very helpful. Love my new candle and chocolate!", tag: "Home Decorator", avatarSrc: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg", avatarAlt: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149161010.jpg", imageAlt: "Emily R. shopping"},
id: "3", name: "Emily R.", role: "Home Decorator", testimonial: "The website is easy to navigate, and the product descriptions are very helpful. Love my new candle and chocolate!", imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-curly-woman-lean-wall_176420-16738.jpg", imageAlt: "Emily R."},
{
id: "4", name: "David K.", date: "February 20, 2024", title: "High quality and unique finds.", quote: "Brynx Store offers items you won't find anywhere else. The wooden board is a beautiful addition to my kitchen.", tag: "Chef Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg", avatarAlt: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-shaking-hands-with-her-female-patient-while-meeting-clinic-focus-is-happy-woman_637285-1785.jpg", imageAlt: "David K. in kitchen"},
id: "4", name: "David K.", role: "Chef Enthusiast", testimonial: "Brynx Store offers items you won't find anywhere else. The wooden board is a beautiful addition to my kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg", imageAlt: "David K."},
{
id: "5", name: "Jessica L.", date: "January 5, 2024", title: "Fantastic selection and customer care.", quote: "I needed assistance with my order, and the support team was incredibly responsive and helpful. Highly recommend!", tag: "Happy Shopper", avatarSrc: "http://img.b2bpic.net/free-photo/woman-holding-laptop-front-view_23-2148794550.jpg", avatarAlt: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430609.jpg", imageAlt: "Jessica L. on phone"},
id: "5", name: "Jessica L.", role: "Happy Shopper", testimonial: "I needed assistance with my order, and the support team was incredibly responsive and helpful. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laptop-front-view_23-2148794550.jpg", imageAlt: "Jessica L."},
]}
title="What Our Customers Say"
description="Hear directly from our community about their experience with Brynx Store."
@@ -210,33 +211,27 @@ export default function LandingPage() {
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "standard", badge: "Value", price: "$0", name: "Standard Account", buttons: [
{
text: "Start Shopping", href: "#products"},
],
features: [
id: "standard", tag: "Value", price: "$0", period: "/month", description: "Access to all products with standard features.", button: {
text: "Start Shopping", href: "#products"},
featuresTitle: "Includes", features: [
"Access to all products", "Standard shipping rates", "Email support"],
},
{
id: "premium", badge: "Most Popular", price: "$9.99/month", name: "Premium Membership", buttons: [
{
text: "Upgrade Now", href: "#"},
],
features: [
id: "premium", tag: "Most Popular", price: "$9.99", period: "/month", description: "Enhance your shopping with premium benefits.", button: {
text: "Upgrade Now", href: "#"},
featuresTitle: "Includes", features: [
"All Standard features", "Free express shipping", "Priority customer support", "Exclusive early access to new collections"],
},
{
id: "elite", badge: "Best Value", price: "$99.99/year", name: "Elite Annual Plan", buttons: [
{
text: "Go Elite", href: "#"},
],
features: [
id: "elite", tag: "Best Value", price: "$99.99", period: "/year", description: "Unlock the ultimate Brynx Store experience.", button: {
text: "Go Elite", href: "#"},
featuresTitle: "Includes", features: [
"All Premium features", "Dedicated account manager", "Personalized product recommendations", "Annual gift from Resseling collection"],
},
]}
@@ -246,7 +241,7 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqDouble
useInvertedBackground={false}
faqs={[
{
@@ -257,17 +252,22 @@ export default function LandingPage() {
id: "q3", title: "Do you ship internationally?", content: "Yes, we offer international shipping to most countries. Shipping costs and delivery times vary based on destination. Please check our shipping policy for more details."},
{
id: "q4", title: "What is your return policy?", content: "We offer a 30-day return policy for most items, provided they are in their original condition. Some exclusions apply, such as personalized items. Please refer to our full return policy for details."},
{
id: "q5", title: "How can I track my order?", content: "Once your order is shipped, you will receive an email with a tracking number and a link to monitor its progress."
},
{
id: "q6", title: "Are your products sustainable?", content: "We are committed to ethical sourcing and sustainability, ensuring many of our products are made with environmentally friendly materials and practices."
}
]}
sideTitle="Common Questions"
sideDescription="Find quick answers to the most frequently asked questions about Brynx Store, our products, and services."
title="Common Questions"
description="Find quick answers to the most frequently asked questions about Brynx Store, our products, and services."
faqsAnimation="slide-up"
textPosition="left"
showCard={true}
textboxLayout="default"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
@@ -278,14 +278,16 @@ export default function LandingPage() {
{
text: "Contact Support", href: "mailto:support@brynx.store"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-wearing-headset-working-call-center_23-2149027878.jpg"
imageAlt="Contact Us"
inputPlaceholder="Your Email Address"
buttonText="Send Message"
termsText="By sending a message, you agree to our Terms and Privacy Policy."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/front-view-parsnip_23-2149198258.jpg"
imageAlt="Eco-friendly Brynx Store background"
logoText="brynx.store"
<FooterSimple
columns={[
{
title: "Shop", items: [
@@ -320,7 +322,8 @@ export default function LandingPage() {
],
},
]}
copyrightText="© 2024 brynx.store. All rights reserved."
bottomLeftText="© 2024 brynx.store. All rights reserved."
bottomRightText=""
/>
</div>
</ReactLenis>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #054211;
--card: #6b9b58;
--foreground: #ffffff;
--primary-cta: #0a705f;
--background: #fafffb;
--card: #f7fffa;
--foreground: #001a0a;
--primary-cta: #0a7039;
--primary-cta-text: #fafffb;
--secondary-cta: #ffffff;
--secondary-cta-text: #001a0a;
--accent: #a8d9be;
--background-accent: #067141;
--background-accent: #6bbf8e;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);