Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-03-26 14:25:26 +00:00
2 changed files with 67 additions and 195 deletions

View File

@@ -8,7 +8,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Globe, Sparkles, Tree } from "lucide-react";
import { Globe, Sparkles, Trees } from "lucide-react";
export default function LandingPage() {
return (
@@ -56,7 +56,7 @@ export default function LandingPage() {
description="At Jouji Premium, we believe in the power of nature's bounty. Our story began with a simple idea: to bring the authentic taste of Tunisia's finest fruits to your table, without compromise. From careful sourcing to sustainable practices, every step is a testament to our dedication."
bulletPoints={[
{
title: "Authentic Tunisian Heritage", description: "Proudly rooted in Tunisia, we bring traditional flavors and natural goodness to the world.", icon: Tree,
title: "Authentic Tunisian Heritage", description: "Proudly rooted in Tunisia, we bring traditional flavors and natural goodness to the world.", icon: Trees,
},
{
title: "Uncompromising Quality", description: "Only the best, ripe fruits are selected, ensuring superior taste and nutrients in every bottle.", icon: Sparkles,

View File

@@ -2,13 +2,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -23,196 +21,70 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
{
name: "About Us",
id: "about-us",
href: "/about",
},
{
name: "Products",
id: "products",
href: "/products",
},
{
name: "Features",
id: "features",
href: "#features",
},
{
name: "Testimonials",
id: "testimonials",
href: "#testimonials",
},
{
name: "Contact",
id: "contact",
href: "/contact",
},
]}
button={{
text: "Order Now",
href: "/products",
}}
brandName="Jouji Premium"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "/"},
{
name: "About Us", id: "/about"},
{
name: "Products", id: "/products"},
{
name: "Features", id: "#features"},
{
name: "Testimonials", id: "#testimonials"},
{
name: "Contact", id: "/contact"},
]}
button={{
text: "Order Now", href: "/products"
}}
brandName="Jouji Premium"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get In Touch With Us"
description="Have questions about our juices, partnerships, or just want to say hello? We'd love to hear from you. Fill out the form below, and our team will get back to you promptly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
required: false,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-vector/protein-shake-banner-template_23-2150200877.jpg"
imageAlt="Fresh fruit juice splash background"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Get in Touch"
title="Ready to Partner or Order?"
description="Contact us today to discuss wholesale opportunities, provide feedback, or simply ask a question. We'd love to hear from you!"
background={{ variant: "rotated-rays-static-grid" }}
useInvertedBackground={false}
inputPlaceholder="Your Email Address"
buttonText="Send Inquiry"
termsText="By sending an inquiry, you agree to our Privacy Policy."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Are Jouji Premium juices 100% natural?",
content: "Yes, all Jouji Premium juices are made with 100% natural fruits, with no added sugars, artificial flavors, or preservatives. We believe in pure, unadulterated taste.",
},
{
id: "2",
title: "Where do you source your fruits?",
content: "We proudly source our fruits directly from local, sustainable farms across Tunisia, ensuring the freshest and highest quality ingredients for our juices.",
},
{
id: "3",
title: "What is the shelf life of your juices?",
content: "Our juices have a natural shelf life suitable for retaining freshness and nutrients. Please check the label on each bottle for specific 'best by' dates and refrigeration instructions.",
},
{
id: "4",
title: "Do you offer wholesale options for businesses?",
content: "Yes, we offer competitive wholesale pricing and dedicated support for businesses interested in carrying Jouji Premium products. Please contact us through the form above for more details.",
},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about Jouji Premium juices, ordering, and our commitment to quality."
tag="FAQs"
faqsAnimation="slide-up"
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Reach Out"
title="Still Have Questions?"
description="Our team is ready to assist you. Don't hesitate to connect with us for any inquiries or feedback."
buttons={[
{
text: "Call Us",
href: "tel:+21671XXX XXX",
},
{
text: "Email Us",
href: "mailto:info@joujipremium.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Support",
items: [
{
label: "FAQ",
href: "/faq",
},
{
label: "Contact Form",
href: "/contact#form",
},
{
label: "Customer Service",
href: "mailto:support@joujipremium.com",
},
],
},
{
title: "Company",
items: [
{
label: "About Jouji",
href: "/about",
},
{
label: "Our Values",
href: "/about#values",
},
{
label: "Press",
href: "/press",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "/privacy",
},
{
label: "Terms of Service",
href: "/terms",
},
],
},
]}
copyrightText="© 2024 Jouji Premium. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Products", items: [
{ label: "All Juices", href: "/products" },
{ label: "Seasonal Flavors", href: "/products#seasonal" },
{ label: "Wholesale", href: "/contact" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Mission", href: "/about#mission" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" }
]
}
]}
copyrightText="© 2024 Jouji Premium. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);