Add src/app/faq/page.tsx
This commit is contained in:
136
src/app/faq/page.tsx
Normal file
136
src/app/faq/page.tsx
Normal file
@@ -0,0 +1,136 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Coffee, Facebook, HelpCircle, Instagram, Mail, Twitter } from 'lucide-react';
|
||||
|
||||
export default function FAQPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Artisan Coffee Co."
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now", href: "https://example.com/shop"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our coffee, shipping, brewing, and more. Can't find what you're looking for? Reach out to our team!"
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-faq-help_93675-234567.jpg"
|
||||
imageAlt="FAQ and help"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Browse FAQs", href: "#faqs" },
|
||||
{ text: "Contact Support", href: "/contact" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faqs" data-section="faqs">
|
||||
<FaqDouble
|
||||
title="Common Questions"
|
||||
description="Here are answers to the most frequently asked questions from our community."
|
||||
tag="FAQs"
|
||||
tagIcon={Coffee}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How is your coffee roasted?", content: "Our coffee is small-batch roasted in-house using traditional drum roasting techniques. We roast on-demand to ensure maximum freshness. Each batch is carefully monitored to bring out the unique characteristics of the beans, and we roast to order based on customer demand to guarantee you receive the freshest coffee possible."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What does 'single-origin' mean?", content: "Single-origin coffee comes from one specific location, region, or farm. This contrasts with blends, which combine beans from multiple origins. Single-origin coffees showcase the unique flavor characteristics, terroir, and quality of their specific growing region. Each origin has distinct flavor notes influenced by altitude, climate, soil, and processing methods."
|
||||
},
|
||||
{
|
||||
id: "3", title: "How should I store my coffee?", content: "Store your coffee in an airtight container away from light, heat, and moisture. Whole beans are best kept in a cool, dark cupboard. For optimal freshness, consume your coffee within 2-4 weeks of the roast date. Avoid storing in the refrigerator or freezer, as the temperature fluctuations can affect the flavor. Grinding just before brewing preserves the maximum aroma and flavor."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What's the best brewing method?", content: "The 'best' method depends on your preferences and lifestyle. Pour-over offers precision and control, French press creates a full-bodied cup, espresso provides intensity and crema, AeroPress is versatile and portable, and Moka pot is traditional and reliable. We recommend experimenting with different methods to find your favorite. Each brewing method highlights different aspects of the coffee's flavor profile."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How long does shipping take?", content: "We offer several shipping options: Standard Shipping (5-7 business days), Express Shipping (2-3 business days), and Overnight Delivery. Orders are processed and shipped within 24 hours. Once your order ships, you'll receive tracking information via email. We ship from our roastery in Portland, Oregon to locations throughout the United States."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Do you offer international shipping?", content: "Currently, we offer shipping to all 50 U.S. states. International shipping is coming soon! If you're interested in international delivery, please contact us and we'll be happy to discuss options or add you to our international waitlist. We're working with logistics partners to expand our reach."
|
||||
},
|
||||
{
|
||||
id: "7", title: "What is direct trade?", content: "Direct trade means we work directly with coffee farmers and their cooperatives, bypassing traditional middlemen. This ensures farmers receive a fair price for their quality beans, usually 25% above commodity prices. It also allows us to have direct relationships, understand growing practices, and ensure sustainability and quality standards. We visit our partner farms annually."
|
||||
},
|
||||
{
|
||||
id: "8", title: "How long does coffee stay fresh after grinding?", content: "Ground coffee begins to lose its aromatic compounds immediately after grinding. For the best flavor, brew ground coffee within 30 minutes of grinding. If you must pre-grind, store it in an airtight container and use within 1-2 hours. This is why we recommend grinding immediately before brewing. Whole beans maintain freshness for 2-4 weeks when stored properly."
|
||||
},
|
||||
{
|
||||
id: "9", title: "Can I return or exchange products?", content: "We want you to be completely satisfied with your coffee. If for any reason you're not happy with your purchase, you can return it within 30 days of receipt for a full refund or exchange. If the coffee arrived damaged, we'll replace it at no cost. Contact us at support@artisancoffeeco.com to start the return process."
|
||||
},
|
||||
{
|
||||
id: "10", title: "Do you have a subscription service?", content: "Yes! Our subscription service delivers fresh coffee to your door on a schedule you choose (weekly, bi-weekly, or monthly). Subscribers receive a 10% discount on all orders and can customize their selection based on preferences. You can pause, skip, or modify your subscription anytime. Visit our shop or contact us for more details."
|
||||
},
|
||||
{
|
||||
id: "11", title: "What's the roast date?", content: "The roast date is printed on every bag of our coffee. This tells you exactly when the beans were roasted, making it easy to gauge freshness. We recommend consuming coffee within 2-4 weeks of the roast date for optimal flavor. Properly stored coffee can remain good for up to 6 weeks, but flavor quality begins to decline after the 4-week mark."
|
||||
},
|
||||
{
|
||||
id: "12", title: "Do you offer wholesale or bulk orders?", content: "Yes! We offer wholesale pricing for cafés, restaurants, and corporate accounts. We also provide bulk discounts for large personal orders. Contact our wholesale team at wholesale@artisancoffeeco.com to discuss your needs and receive a custom quote."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Didn't find your answer? Our friendly team is ready to help with any questions about our coffee, brewing, or products."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Get Support", href: "/contact" },
|
||||
{ text: "Email Us", href: "mailto:hello@artisancoffeeco.com" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Artisan Coffee Co."
|
||||
copyrightText="© 2025 Artisan Coffee Co. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user