17 Commits

Author SHA1 Message Date
ca0f8c2c1b Update theme colors 2026-05-17 01:13:33 +00:00
874efa6453 Update theme colors 2026-05-17 01:13:20 +00:00
8dfa2f6fd6 Update theme colors 2026-05-17 01:13:09 +00:00
39ef72173d Update theme colors 2026-05-17 01:12:52 +00:00
b29ae0c842 Update theme colors 2026-05-17 01:12:38 +00:00
359a560355 Update theme colors 2026-05-17 01:12:26 +00:00
61dd304118 Update theme colors 2026-05-17 01:12:11 +00:00
540a1158d0 Update theme colors 2026-05-17 01:11:49 +00:00
ff48e1cc81 Update theme fonts 2026-05-17 01:11:18 +00:00
43b6bc68ee Update theme fonts 2026-05-17 01:11:18 +00:00
aec13e5c78 Update theme fonts 2026-05-17 01:11:09 +00:00
cdcfa5dfd5 Update theme fonts 2026-05-17 01:11:09 +00:00
19811b5b57 Update theme fonts 2026-05-17 01:11:03 +00:00
6572930c3a Update theme fonts 2026-05-17 01:11:02 +00:00
69cdbc1fee Update src/app/page.tsx 2026-05-14 13:22:10 +00:00
da71a0ca5f Merge version_2 into main
Merge version_2 into main
2026-05-14 13:13:59 +00:00
0ba49a4b5d Update src/app/page.tsx 2026-05-14 13:13:57 +00:00
4 changed files with 47 additions and 261 deletions

View File

@@ -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

View File

@@ -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,47 +143,22 @@ 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>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -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;
} }

View File

@@ -10,10 +10,10 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #357672;
--card: #f9f9f9; --card: #ffffff;
--foreground: #1a1a1a; --foreground: #000000;
--primary-cta: #2a2928; --primary-cta: #653f18;
--primary-cta-text: #f5f4f0; --primary-cta-text: #f5f4f0;
--secondary-cta: #ffffff; --secondary-cta: #ffffff;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #1a1a1a;