18 Commits

Author SHA1 Message Date
acade59239 Update theme colors 2026-05-17 01:14:13 +00:00
e9091b1849 Update theme colors 2026-05-17 01:13:58 +00:00
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
4 changed files with 45 additions and 128 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,14 +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", id: "hero"}, { name: "Products", id: "products" },
{ { name: "About", id: "about" },
name: "Products", id: "products"}, { name: "Contact", id: "contact" },
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
]} ]}
brandName="NEFER KA" brandName="NEFER KA"
/> />
@@ -47,46 +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%", label: "Bolivar Cotton"}, { value: "24/7", label: "Freshness" },
{ { 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>
@@ -108,12 +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", 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: "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: "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."
@@ -127,27 +92,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ text: "Add New Product", onClick: () => alert("Opening Add Product form...") } { 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", brand: "NEFER KA", name: "Essential White Tee", price: "$45", rating: 5, { 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" }
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."
@@ -160,15 +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", icon: Award, { id: "m2", icon: Shield, title: "Lint Protection", value: "99%" },
title: "Cotton Purity", value: "100%"}, { id: "m3", icon: Zap, title: "Bacteria Defense", value: "95%" },
{
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."
@@ -180,18 +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."
/> />
@@ -201,14 +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"
@@ -218,33 +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?"
text="Need assistance or have a bulk order inquiry? Reach out to us at mahmoudsamy5001@gmail.com or call 0100773229." buttons={[
{ 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>

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,12 +10,12 @@
--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: #97853f;
--secondary-cta: #ffffff; --secondary-cta: #9c3030;
--secondary-cta-text: #1a1a1a; --secondary-cta-text: #1a1a1a;
--accent: #c6b180; --accent: #c6b180;
--background-accent: #efebe5; --background-accent: #efebe5;