153 lines
6.2 KiB
TypeScript
153 lines
6.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Zap, Heart, Truck, Shield, Lock, Headphones } from "lucide-react";
|
|
|
|
const AboutPage = () => {
|
|
const navItems = [
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const features = [
|
|
{
|
|
title: "Fast & Secure Shipping", description: "Get your orders delivered quickly with full tracking and insurance.", icon: Truck,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", imageAlt: "Fast shipping"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/express-delivery-package-handover_23-2151994433.jpg", imageAlt: "Delivery process"},
|
|
] as [any, any],
|
|
},
|
|
{
|
|
title: "Premium Quality Guarantee", description: "100% authentic products with our quality assurance seal.", icon: Shield,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page-template_23-2148535734.jpg", imageAlt: "Quality seal"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page-template_23-2148535734.jpg", imageAlt: "Certification"},
|
|
] as [any, any],
|
|
},
|
|
{
|
|
title: "Secure Payment Options", description: "Multiple payment methods with bank-level security.", icon: Lock,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page-template_23-2148535734.jpg", imageAlt: "Payment security"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/secure-payment-landing-page-template_23-2148535734.jpg", imageAlt: "Encryption"},
|
|
] as [any, any],
|
|
},
|
|
];
|
|
|
|
const testimonials = [
|
|
{
|
|
id: "1", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "Skicel exceeded my expectations! Premium quality and lightning-fast delivery. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Emily Rodriguez"},
|
|
{
|
|
id: "2", name: "David Kim", handle: "@david_kim", testimonial: "Best shopping experience I've had online. Great products, amazing prices, and fantastic support team.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Kim"},
|
|
{
|
|
id: "3", name: "Jessica Martinez", handle: "@jess_martinez", testimonial: "I've been a loyal customer for 2 years now. Skicel never disappoints with their quality and service!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", imageAlt: "Jessica Martinez"},
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "/shop" },
|
|
{ label: "New Arrivals", href: "/shop?filter=new" },
|
|
{ label: "Best Sellers", href: "/shop?filter=bestsellers" },
|
|
{ label: "Sale Items", href: "/shop?filter=sale" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Careers", href: "/careers" },
|
|
{ label: "Blog", href: "/blog" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "/" },
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
{ label: "Returns", href: "/returns" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Skicel"
|
|
navItems={navItems}
|
|
button={{ text: "Start Shopping", href: "/shop" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="our-story" data-section="our-story">
|
|
<FeatureCardTwentyFive
|
|
title="Our Story & Values"
|
|
description="Built on a foundation of quality, trust, and customer-first principles"
|
|
tag="About Skicel"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={features}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn More", href: "/about" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="customer-trust" data-section="customer-trust">
|
|
<TestimonialCardThirteen
|
|
title="Trusted by Thousands"
|
|
description="See what our customers have to say about their Skicel experience"
|
|
tag="Customer Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={testimonials}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Join Our Community", href: "/shop" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="© 2025 Skicel. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
};
|
|
|
|
export default AboutPage; |