Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b29ae0c842 | |||
| 359a560355 | |||
| 61dd304118 | |||
| 540a1158d0 | |||
| ff48e1cc81 | |||
| 43b6bc68ee | |||
| aec13e5c78 | |||
| cdcfa5dfd5 | |||
| 19811b5b57 | |||
| 6572930c3a | |||
| 69cdbc1fee | |||
| da71a0ca5f | |||
| 0ba49a4b5d |
@@ -7,6 +7,10 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Lato } from "next/font/google";
|
import { Lato } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
import { Manrope } from "next/font/google";
|
||||||
|
import { DM_Sans } from "next/font/google";
|
||||||
|
import { Montserrat } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,10 +24,12 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const lato = Lato({
|
|
||||||
variable: "--font-lato",
|
|
||||||
|
|
||||||
|
const montserrat = Montserrat({
|
||||||
|
variable: "--font-montserrat",
|
||||||
subsets: ["latin"],
|
subsets: ["latin"],
|
||||||
weight: ["100", "300", "400", "700", "900"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -34,7 +40,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${lato.variable} antialiased`}>
|
<body className={`${montserrat.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
280
src/app/page.tsx
280
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Products", id: "products" },
|
||||||
id: "hero",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Products",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="NEFER KA"
|
brandName="NEFER KA"
|
||||||
/>
|
/>
|
||||||
@@ -55,73 +43,18 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
title="NEFER KA - The Spirit of Beauty"
|
title="NEFER KA - The Spirit of Beauty"
|
||||||
description="Experience the ultimate comfort of 100% Bolivar cotton, meticulously treated to remain fresh, bacteria-free, and lint-resistant."
|
description="Experience the ultimate comfort of 100% Bolivar cotton, meticulously treated to remain fresh, bacteria-free, and lint-resistant."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "100%", label: "Bolivar Cotton" },
|
||||||
value: "100%",
|
{ value: "24/7", label: "Freshness" },
|
||||||
label: "Bolivar Cotton",
|
{ value: "Premium", label: "Quality" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "24/7",
|
|
||||||
label: "Freshness",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "Premium",
|
|
||||||
label: "Quality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194110-t8vsk4lc.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194110-t8vsk4lc.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[]}
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-posing-autumn-clothes_23-2149071333.jpg",
|
|
||||||
alt: "Portrait of young asian woman posing in autumn clothes",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-ethnic-curly-man-sitting-against-grey-wall_23-2148205513.jpg",
|
|
||||||
alt: "Young ethnic curly man sitting against grey wall",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/bearded-man-dressed-black-posing_273609-14202.jpg",
|
|
||||||
alt: "Bearded man dressed in black posing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/ortrait-lady-pointing-down-black-t-shirt-looking-cheery-front-view_176474-54459.jpg",
|
|
||||||
alt: "Ortrait of lady pointing down in black t-shirt and looking cheery front view",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-standing-wooden-column-sand_181624-16742.jpg",
|
|
||||||
alt: "Woman standing next to a wooden column on sand",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Join 5,000+ satisfied customers"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Breathable",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Sustainable",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Anti-Bacterial",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Lint-Free",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Premium",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -143,21 +76,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "100% Bolivar Cotton", description: "Superior natural fibers for ultimate softness and breathability.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-fabric-material_23-2148383702.jpg" },
|
||||||
title: "100% Bolivar Cotton",
|
{ title: "Anti-Bacterial Protection", description: "Specially treated fabrics that stay fresh longer and resist odors.", imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183937.jpg" },
|
||||||
description: "Superior natural fibers for ultimate softness and breathability.",
|
{ title: "Lint-Free Fabric", description: "Advanced weaving technology that prevents pilling and lint build-up.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-counter_1170-2483.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colorful-fabric-material_23-2148383702.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Anti-Bacterial Protection",
|
|
||||||
description: "Specially treated fabrics that stay fresh longer and resist odors.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wardrobe-renovation-winter_23-2149183937.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Lint-Free Fabric",
|
|
||||||
description: "Advanced weaving technology that prevents pilling and lint build-up.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-counter_1170-2483.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose NEFER KA?"
|
title="Why Choose NEFER KA?"
|
||||||
description="Technology meets comfort for everyday wear."
|
description="Technology meets comfort for everyday wear."
|
||||||
@@ -167,64 +88,15 @@ export default function LandingPage() {
|
|||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardTwo
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split-actions"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
buttons={[
|
||||||
|
{ text: "Upload New Product", onClick: () => { window.location.href = "/upload-product"; } }
|
||||||
|
]}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", brand: "NEFER KA", name: "Essential White Tee", price: "$45", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194110-rspkmfgb.jpg" },
|
||||||
id: "1",
|
{ id: "2", brand: "NEFER KA", name: "Classic Beige Tee", price: "$45", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194111-dxqgi20n.jpg" }
|
||||||
brand: "NEFER KA",
|
|
||||||
name: "Essential White Tee",
|
|
||||||
price: "$45",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "12",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194110-rspkmfgb.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
brand: "NEFER KA",
|
|
||||||
name: "Classic Beige Tee",
|
|
||||||
price: "$45",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "8",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194111-dxqgi20n.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
brand: "NEFER KA",
|
|
||||||
name: "Urban Burger Tee",
|
|
||||||
price: "$45",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "15",
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY7rzFunkBryeTyPNg3oitiDwI/uploaded-1778764194111-mtna7cu9.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
brand: "NEFER KA",
|
|
||||||
name: "Deep Black Tee",
|
|
||||||
price: "$45",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "20",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-teenager-sitting-leaning-grey-wall_23-2148205467.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
brand: "NEFER KA",
|
|
||||||
name: "Premium Cotton Shirt",
|
|
||||||
price: "$55",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "5",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-posing-outdoors-city_23-2149086952.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
brand: "NEFER KA",
|
|
||||||
name: "Comfort Fit Polo",
|
|
||||||
price: "$60",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "10",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-sporty-man-looking-side-wearing-headband-wristband-keeping-hands-waist_141793-56304.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Collection"
|
title="Our Collection"
|
||||||
description="Explore our premium selection of essentials."
|
description="Explore our premium selection of essentials."
|
||||||
@@ -237,24 +109,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", icon: Award, title: "Cotton Purity", value: "100%" },
|
||||||
id: "m1",
|
{ id: "m2", icon: Shield, title: "Lint Protection", value: "99%" },
|
||||||
icon: Award,
|
{ id: "m3", icon: Zap, title: "Bacteria Defense", value: "95%" },
|
||||||
title: "Cotton Purity",
|
|
||||||
value: "100%",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
icon: Shield,
|
|
||||||
title: "Lint Protection",
|
|
||||||
value: "99%",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
icon: Zap,
|
|
||||||
title: "Bacteria Defense",
|
|
||||||
value: "95%",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Quality Standards"
|
title="Our Quality Standards"
|
||||||
description="Delivering quality you can feel."
|
description="Delivering quality you can feel."
|
||||||
@@ -266,43 +123,7 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Sarah Miller",
|
|
||||||
role: "Customer",
|
|
||||||
testimonial: "The quality of this cotton is unmatched. So soft!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-showing-ok-gesture-blouse-skirt-looking-jovial_176474-55604.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "James Cook",
|
|
||||||
role: "Customer",
|
|
||||||
testimonial: "Fits perfectly and the anti-lint property is a game changer.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/no-problem-ok-portrait-joyful-nice-cute-blond-woman-with-blue-eyes-tilting-head-smiling-delighted-as-showing-okay-excellent-gesture-giving-positive-feedback-about-awesome-product_176420-35109.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Elena Rossi",
|
|
||||||
role: "Customer",
|
|
||||||
testimonial: "Love the minimalist designs and the fabric is extremely durable.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Mark D.",
|
|
||||||
role: "Customer",
|
|
||||||
testimonial: "Stays fresh all day. Highly recommended for daily wear.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Nina L.",
|
|
||||||
role: "Customer",
|
|
||||||
testimonial: "Excellent service and superior quality. Will buy more.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-pleased-delighted-female-customer-with-blond-short-hairstyle-satisfied-joyful-grin-showing-okay-gesture-smiling_176420-43666.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Loved by Customers"
|
title="Loved by Customers"
|
||||||
description="Join our community of satisfied wearers."
|
description="Join our community of satisfied wearers."
|
||||||
/>
|
/>
|
||||||
@@ -312,23 +133,7 @@ export default function LandingPage() {
|
|||||||
<FaqDouble
|
<FaqDouble
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "q1",
|
|
||||||
title: "What sizes are available?",
|
|
||||||
content: "We offer sizes M, L, and XL for all our models.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q2",
|
|
||||||
title: "How is the cotton treated?",
|
|
||||||
content: "We use a proprietary eco-friendly treatment for anti-lint and anti-bacterial protection.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q3",
|
|
||||||
title: "What is the return policy?",
|
|
||||||
content: "We offer 30-day hassle-free returns for all unworn products.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Everything you need to know about our products."
|
description="Everything you need to know about our products."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -338,44 +143,19 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
text="Need assistance or have a bulk order inquiry?"
|
||||||
}}
|
buttons={[
|
||||||
text="Need assistance or have a bulk order inquiry? Reach out to us at mahmoudsamy5001@gmail.com or call 0100773229."
|
{ text: "Email Us", href: "mailto:mahmoudsamy5001@gmail.com" },
|
||||||
|
{ text: "WhatsApp", href: "https://wa.me/20100773229" }
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="NEFER KA"
|
logoText="NEFER KA"
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
|
||||||
title: "Products",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "View All",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "T-Shirts",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact Us",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-lato), sans-serif;
|
font-family: var(--font-montserrat), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-lato), sans-serif;
|
font-family: var(--font-montserrat), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,8 +10,8 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #357672;
|
||||||
--card: #f9f9f9;
|
--card: #466990;
|
||||||
--foreground: #1a1a1a;
|
--foreground: #1a1a1a;
|
||||||
--primary-cta: #2a2928;
|
--primary-cta: #2a2928;
|
||||||
--primary-cta-text: #f5f4f0;
|
--primary-cta-text: #f5f4f0;
|
||||||
|
|||||||
Reference in New Issue
Block a user