Merge version_1 into main #3
@@ -2,11 +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 ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { MessageCircleQuestion } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,121 +27,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "/"
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
href: "/products",
|
||||
name: "Products", id: "/products"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "/about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"
|
||||
}
|
||||
]}
|
||||
brandName="Shopify Store"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
text: "Shop Now", href: "/products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch With Us"
|
||||
description="Have a question, feedback, or need assistance? 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",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
required: true,
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/investment-web-template-illustrated_23-2149042516.jpg?_wi=2"
|
||||
imageAlt="Illustration of a customer service representative helping a client"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
tag="Get in Touch"
|
||||
title="Contact Our Store"
|
||||
description="Have questions or need assistance? Reach out to our friendly support team. We're here to help with any inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-psd/investment-web-template-illustrated_23-2149042516.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
imageAlt="customer service representative illustration"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqBase
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards (Visa, MasterCard, Amex), PayPal, and Apple Pay.",
|
||||
id: "q1", title: "How do I place an order?", content: "Simply browse our products, add your desired items to the cart, and proceed to checkout. Follow the prompts to enter your shipping and payment information."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Standard shipping usually takes 5-7 business days, while express shipping takes 2-3 business days depending on your location.",
|
||||
id: "q2", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and other secure payment options. All transactions are encrypted for your security."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I return a product?",
|
||||
content: "Yes, we offer a 30-day return policy for most items. Please refer to our Returns Policy page for more details.",
|
||||
id: "q3", title: "How long does shipping take?", content: "Shipping times vary depending on your location and the selected shipping method. Typically, orders are processed within 1-2 business days, with delivery taking 3-7 business days."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide. Shipping costs and times vary by destination.",
|
||||
},
|
||||
id: "q4", title: "Can I return a product?", content: "Yes, we offer hassle-free returns within 30 days of purchase, provided the item is unused and in its original packaging. Please see our full return policy for more details."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to our most common questions below. If you can't find what you're looking for, feel free to contact us directly."
|
||||
tag="Support Center"
|
||||
description="Find quick answers to your most common questions about our products, orders, and services. We're here to help!"
|
||||
tag="Support"
|
||||
faqsAnimation="slide-up"
|
||||
tagIcon={MessageCircleQuestion}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Stay Connected"
|
||||
title="Don't Miss Out on Exclusive Offers!"
|
||||
description="Sign up for our newsletter to receive updates on new products, special discounts, and much more."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#newsletter-signup",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,68 +93,53 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/products",
|
||||
label: "All Products", href: "/products"
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/products?filter=new",
|
||||
label: "New Arrivals", href: "/products?filter=new"
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/products?filter=bestsellers",
|
||||
label: "Best Sellers", href: "/products?filter=bestsellers"
|
||||
},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "/products?filter=sale",
|
||||
},
|
||||
],
|
||||
label: "Sale", href: "/products?filter=sale"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
label: "Contact", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
label: "Careers", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Blog", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact#faq",
|
||||
label: "FAQ", href: "/contact#faq"
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
label: "Shipping & Returns", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Shopify Store. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user