bender/b94999a1-9a62-426d-abc2-ace2b3e9db45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #6

Merged
bender merged 3 commits from version_4 into main 2026-06-11 21:17:07 +00:00
Conversation 0 Commits 3 Files Changed 3 +287
3 changed files with 287 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,90 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="floatingGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Shop", id: "/shop" },
{ name: "Features", id: "#features" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "/faq" },
{ name: "Pricing", id: "/pricing" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" }
]}
brandName="Ayari"
button={{
text: "Shop Now", href: "/shop"
}}
/>
</div>
<div id="contact-form" data-section="contact-form">
<ContactCenter
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Connect with Ayino"
description="Have questions, feedback, or need assistance? Reach out to our dedicated support team. We're here to help."
inputPlaceholder="Enter your email"
buttonText="Submit Inquiry"
termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop", items: [
{ label: "New Arrivals", href: "/shop" },
{ label: "Dresses", href: "/shop" },
{ label: "Outerwear", href: "/shop" },
{ label: "Accessories", href: "/shop" }
]
},
{
title: "Ayino", items: [
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Contact Us", href: "/contact" },
{ label: "Shipping & Returns", href: "#" }
]
}
]}
logoText="Ayino"
copyrightText="© 2024 Ayino. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

99
src/app/faq/page.tsx Normal file
View File

@@ -0,0 +1,99 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function FaqPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="floatingGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Shop", id: "/shop" },
{ name: "Features", id: "#features" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "/faq" },
{ name: "Pricing", id: "/pricing" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" }
]}
brandName="Ayari"
button={{
text: "Shop Now", href: "/shop"
}}
/>
</div>
<div id="faq-content" data-section="faq-content">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "faq1", title: "What is Ayino's return policy?", content: "We offer free returns within 30 days of purchase, provided items are unworn and with tags attached." },
{ id: "faq2", title: "How do I find my size?", content: "Please refer to our detailed sizing chart available on each product page for accurate measurements." },
{ id: "faq3", title: "Do you ship internationally?", content: "Yes, we offer international shipping to most countries. Shipping costs and times vary by destination." },
{ id: "faq4", title: "How do I care for my Ayino garments?", content: "Each garment comes with specific care instructions. Generally, we recommend gentle washing and air drying to preserve quality." },
{ id: "faq5", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and other popular payment methods. Details are available at checkout." },
{ id: "faq6", title: "How can I track my order?", content: "Once your order is shipped, you will receive a tracking number via email to monitor its delivery status." }
]}
imageSrc="http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools-isolated-green-wall_141793-121445.jpg"
imageAlt="Customer service representative assisting a client"
mediaAnimation="opacity"
mediaPosition="right"
title="Frequently Asked Questions"
description="Find quick answers to common questions about our products and services."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop", items: [
{ label: "New Arrivals", href: "/shop" },
{ label: "Dresses", href: "/shop" },
{ label: "Outerwear", href: "/shop" },
{ label: "Accessories", href: "/shop" }
]
},
{
title: "Ayino", items: [
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Contact Us", href: "/contact" },
{ label: "Shipping & Returns", href: "#" }
]
}
]}
logoText="Ayino"
copyrightText="© 2024 Ayino. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

98
src/app/shop/page.tsx Normal file
View File

@@ -0,0 +1,98 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="floatingGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Shop", id: "/shop" },
{ name: "Features", id: "#features" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "FAQ", id: "/faq" },
{ name: "Pricing", id: "/pricing" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" }
]}
brandName="Ayari"
button={{
text: "Shop Now", href: "/shop"
}}
/>
</div>
<div id="shop-collection" data-section="shop-collection">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Elegance Flow Dress", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-confident-woman-sitting-grey-surface_176420-16959.jpg", imageAlt: "Elegant flowing dress" },
{ id: "p2", name: "Classic Linen Shirt", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-best-man_23-2149044033.jpg", imageAlt: "Classic linen shirt" },
{ id: "p3", name: "Tailored Denim Jeans", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jeans-jacket-posing-near-concrete-wall_613910-2889.jpg", imageAlt: "Tailored denim jeans" },
{ id: "p4", name: "Cozy Knit Sweater", price: "$110.00", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-smiling-skinny-woman-with-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style_285396-6812.jpg", imageAlt: "Cozy knit sweater" },
{ id: "p5", name: "Structured Blazer", price: "$160.00", imageSrc: "http://img.b2bpic.net/free-photo/girl-suit_1303-4449.jpg", imageAlt: "Structured blazer" },
{ id: "p6", name: "Silk Accent Scarf", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hat-scarf-talking-phone_23-2147625171.jpg", imageAlt: "Silk accent scarf" },
{ id: "p7", name: "Minimalist Jumpsuit", price: "$130.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-posing_1328-1127.jpg", imageAlt: "Minimalist Jumpsuit" },
{ id: "p8", name: "Leather Tote Bag", price: "$180.00", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-bag_23-2147779782.jpg", imageAlt: "Leather Tote Bag" }
]}
title="Our Full Collection"
description="Explore our complete range of premium clothing and accessories."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Shop", items: [
{ label: "New Arrivals", href: "/shop" },
{ label: "Dresses", href: "/shop" },
{ label: "Outerwear", href: "/shop" },
{ label: "Accessories", href: "/shop" }
]
},
{
title: "Ayino", items: [
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "#" },
{ label: "Careers", href: "#" }
]
},
{
title: "Support", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Contact Us", href: "/contact" },
{ label: "Shipping & Returns", href: "#" }
]
}
]}
logoText="Ayino"
copyrightText="© 2024 Ayino. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}