Merge version_1 into main #2
@@ -7,35 +7,31 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Coinic Stores"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -43,12 +39,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="About Coinic Stores"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,63 +51,20 @@ export default function LandingPage() {
|
||||
title="Our Values"
|
||||
description="Why we do what we do."
|
||||
features={[
|
||||
{
|
||||
id: "v1",
|
||||
title: "Integrity",
|
||||
tags: [
|
||||
"Trust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-apple-yellow-background_181624-43760.jpg",
|
||||
imageAlt: "Closeup shot of an apple on a yellow background",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
title: "Innovation",
|
||||
tags: [
|
||||
"Apple",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-red-apples-marble-table_114579-39654.jpg?_wi=2",
|
||||
imageAlt: "Closeup shot of an apple on a yellow background",
|
||||
},
|
||||
{ id: "v1", title: "Integrity", tags: ["Trust"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-apple-yellow-background_181624-43760.jpg", imageAlt: "Closeup shot of an apple on a yellow background" },
|
||||
{ id: "v2", title: "Innovation", tags: ["Apple"], imageSrc: "http://img.b2bpic.net/free-photo/two-red-apples-marble-table_114579-39654.jpg", imageAlt: "Closeup shot of an apple on a yellow background" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg"
|
||||
logoText="Coinic Stores"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "iPhones",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "MacBooks",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Shop", items: [{ label: "iPhones", href: "/shop" }, { label: "MacBooks", href: "/shop" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,44 +7,38 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Coinic Stores"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Support"
|
||||
title="Get in Touch"
|
||||
description="Reach out to us via WhatsApp or email."
|
||||
@@ -57,49 +51,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Partners"
|
||||
description="Our official logistics partners."
|
||||
names={[
|
||||
"FedEx",
|
||||
"DHL",
|
||||
"UPS",
|
||||
]}
|
||||
names={["FedEx", "DHL", "UPS"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg"
|
||||
logoText="Coinic Stores"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "iPhones",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "MacBooks",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Shop", items: [{ label: "iPhones", href: "/shop" }, { label: "MacBooks", href: "/shop" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
222
src/app/page.tsx
222
src/app/page.tsx
@@ -16,94 +16,43 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Coinic Stores"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Premium Apple Devices. Trusted Quality. Best Prices."
|
||||
description="Experience the innovation of Apple at Coinic Stores. Genuine products, expert support, and unmatched reliability."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "View Deals",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-red-apples-marble-table_114579-39654.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }, { text: "View Deals", href: "/shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-red-apples-marble-table_114579-39654.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
|
||||
alt: "black businessman happy expression",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg",
|
||||
alt: "Cheerful brunette man in eyeglasses smiles widely outside Happy guy in black jacket and white tshirt poses near airport",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
alt: "Young attractive emotional girl in business-style clothes on a plain white background in an office or audience",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg",
|
||||
alt: "Shot of beautiful young businesswoman wearing blue chiffon shirt while standing with folded arms on black wall",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-man-wearing-eyeglasses-using-laptop_23-2147935758.jpg",
|
||||
alt: "Smiling senior man wearing eyeglasses using laptop",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Authentic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Best Prices",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg", alt: "black businessman happy expression" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-brunette-man-eyeglasses-smiles-widely-outside-happy-guy-black-jacket-white-tshirt-poses-near-airport_197531-27123.jpg", alt: "Cheerful brunette man in eyeglasses smiles widely outside Happy guy in black jacket and white tshirt poses near airport" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", alt: "Young attractive emotional girl in business-style clothes on a plain white background in an office or audience" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-black-wall_158595-6868.jpg", alt: "Shot of beautiful young businesswoman wearing blue chiffon shirt while standing with folded arms on black wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-man-wearing-eyeglasses-using-laptop_23-2147935758.jpg", alt: "Smiling senior man wearing eyeglasses using laptop" },
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "100% Authentic" }, { type: "text", text: "Fast Shipping" }, { type: "text", text: "Global Warranty" }, { type: "text", text: "Premium Support" }, { type: "text", text: "Best Prices" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,21 +63,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Apple Products",
|
||||
description: "100% genuine guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-screen-white-table-with-flowerpot-glasses_169016-51623.jpg",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Warranty",
|
||||
description: "Protection for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808014.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fast & Secure Delivery",
|
||||
description: "Direct to your doorstep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-nature-concept_23-2150246095.jpg",
|
||||
},
|
||||
{ title: "Authentic Apple Products", description: "100% genuine guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-blank-screen-white-table-with-flowerpot-glasses_169016-51623.jpg" },
|
||||
{ title: "Comprehensive Warranty", description: "Protection for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808014.jpg" },
|
||||
{ title: "Fast & Secure Delivery", description: "Direct to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-nature-concept_23-2150246095.jpg" },
|
||||
]}
|
||||
title="Why Choose Coinic Stores"
|
||||
description="We are committed to delivering the best Apple experience through trust and quality."
|
||||
@@ -140,46 +77,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Service!",
|
||||
quote: "The iPhone I bought is perfect, and delivery was incredibly fast.",
|
||||
name: "Alex J.",
|
||||
role: "Photographer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable Plug",
|
||||
quote: "Finally found a reliable place for original MacBooks. Highly recommended.",
|
||||
name: "Sarah M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-guy-bright-jacket-with-headphones-smiling-camera-isolated-white-background_574295-4478.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Best Prices",
|
||||
quote: "Unbeatable prices for brand new Apple products. Very satisfied.",
|
||||
name: "David L.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Genuine Quality",
|
||||
quote: "The AirPods are original and the packaging was flawless.",
|
||||
name: "Emma R.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-satisfied-smiling-dark-skinned-graphic-designer-being-good-mood_273609-18900.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Great Support",
|
||||
quote: "Customer service was very helpful with my setup queries.",
|
||||
name: "Chris B.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
||||
},
|
||||
{ id: "1", title: "Amazing Service!", quote: "The iPhone I bought is perfect, and delivery was incredibly fast.", name: "Alex J.", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
|
||||
{ id: "2", title: "Reliable Plug", quote: "Finally found a reliable place for original MacBooks. Highly recommended.", name: "Sarah M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-guy-bright-jacket-with-headphones-smiling-camera-isolated-white-background_574295-4478.jpg" },
|
||||
{ id: "3", title: "Best Prices", quote: "Unbeatable prices for brand new Apple products. Very satisfied.", name: "David L.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-customer-support-representative-wearing-headset-while-working-call-center_637285-133.jpg" },
|
||||
{ id: "4", title: "Genuine Quality", quote: "The AirPods are original and the packaging was flawless.", name: "Emma R.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/photo-satisfied-smiling-dark-skinned-graphic-designer-being-good-mood_273609-18900.jpg" },
|
||||
{ id: "5", title: "Great Support", quote: "Customer service was very helpful with my setup queries.", name: "Chris B.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
|
||||
]}
|
||||
title="Trusted by Apple Enthusiasts"
|
||||
description="See why customers choose us."
|
||||
@@ -194,27 +96,8 @@ export default function LandingPage() {
|
||||
title="Simple Pricing"
|
||||
description="Clear pricing for premium services."
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$0",
|
||||
subtitle: "Basic repair support.",
|
||||
features: [
|
||||
"Email Support",
|
||||
"1-Year Warranty",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$49",
|
||||
subtitle: "Full peace of mind.",
|
||||
features: [
|
||||
"24/7 Priority Support",
|
||||
"Extended 3-Year Warranty",
|
||||
"Free Shipping",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Standard", price: "$0", subtitle: "Basic repair support.", features: ["Email Support", "1-Year Warranty"] },
|
||||
{ id: "pro", badge: "Premium", price: "$49", subtitle: "Full peace of mind.", features: ["24/7 Priority Support", "Extended 3-Year Warranty", "Free Shipping"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -223,53 +106,18 @@ export default function LandingPage() {
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
sections={[
|
||||
{
|
||||
heading: "General Terms",
|
||||
content: {
|
||||
type: "paragraph",
|
||||
text: "By shopping at Coinic Stores, you agree to our terms of service.",
|
||||
},
|
||||
},
|
||||
]}
|
||||
sections={[{ heading: "General Terms", content: { text: "By shopping at Coinic Stores, you agree to our terms of service." } }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg"
|
||||
logoText="Coinic Stores"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "iPhones",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "MacBooks",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Shop", items: [{ label: "iPhones", href: "/shop" }, { label: "MacBooks", href: "/shop" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,35 +7,31 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Coinic Stores"
|
||||
button={{ text: "Contact", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,42 +42,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "iPhone 15 Pro",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437086.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "MacBook Air M3",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-near-tablet-cup-smartphone-plant-monitor-cooling-fan_23-2148036906.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "AirPods Pro 2",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-earphone-with-open-laptop-isolated-white-backdrop_23-2148061447.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "iPhone 15",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4924.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "iPad Pro",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-office-desk_23-2147731405.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Apple Watch S9",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-simple-concrete-background_23-2150808011.jpg",
|
||||
},
|
||||
{ id: "p1", name: "iPhone 15 Pro", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437086.jpg" },
|
||||
{ id: "p2", name: "MacBook Air M3", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-near-tablet-cup-smartphone-plant-monitor-cooling-fan_23-2148036906.jpg" },
|
||||
{ id: "p3", name: "AirPods Pro 2", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-earphone-with-open-laptop-isolated-white-backdrop_23-2148061447.jpg" },
|
||||
{ id: "p4", name: "iPhone 15", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4924.jpg" },
|
||||
{ id: "p5", name: "iPad Pro", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/laptop-office-desk_23-2147731405.jpg" },
|
||||
{ id: "p6", name: "Apple Watch S9", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-simple-concrete-background_23-2150808011.jpg" },
|
||||
]}
|
||||
title="Shop Latest Apple Products"
|
||||
description="Premium devices ready to go."
|
||||
@@ -97,57 +63,20 @@ export default function LandingPage() {
|
||||
title="Accessories"
|
||||
description="Enhance your Apple ecosystem."
|
||||
products={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "MagSafe Charger",
|
||||
price: "$39",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earphones-with-minimalist-monochrome-background_23-2150763357.jpg",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
name: "Leather Case",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-phone-case-white-surface_187299-47253.jpg",
|
||||
},
|
||||
{ id: "a1", name: "MagSafe Charger", price: "$39", imageSrc: "http://img.b2bpic.net/free-photo/earphones-with-minimalist-monochrome-background_23-2150763357.jpg" },
|
||||
{ id: "a2", name: "Leather Case", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/white-phone-case-white-surface_187299-47253.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-half-cut-red-apples-gray-table_114579-57760.jpg"
|
||||
logoText="Coinic Stores"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "iPhones",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "MacBooks",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Shop", items: [{ label: "iPhones", href: "/shop" }, { label: "MacBooks", href: "/shop" }] }, { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user