Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -19,27 +19,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cooppa"
|
||||
/>
|
||||
@@ -51,69 +50,37 @@ export default function LandingPage() {
|
||||
description="Experience the authentic, premium flavor of Cooppa. Handcrafted toffee with the finest ingredients from Pakistan."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ayesha Khan",
|
||||
handle: "@ayesha.k",
|
||||
testimonial: "The perfect balance of crunch and creaminess. My absolute favorite toffee!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-bright-gold-earrings-white-cap-smiling-holding-bar-chocolate-purple-wall_197531-16638.jpg?_wi=1",
|
||||
},
|
||||
name: "Ayesha Khan", handle: "@ayesha.k", testimonial: "The perfect balance of crunch and creaminess. My absolute favorite toffee!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-bright-gold-earrings-white-cap-smiling-holding-bar-chocolate-purple-wall_197531-16638.jpg"},
|
||||
{
|
||||
name: "Bilal Ahmed",
|
||||
handle: "@bilal_eats",
|
||||
testimonial: "I've tried many, but Cooppa has a unique richness that stands out. Truly high-quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg?_wi=1",
|
||||
},
|
||||
name: "Bilal Ahmed", handle: "@bilal_eats", testimonial: "I've tried many, but Cooppa has a unique richness that stands out. Truly high-quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg"},
|
||||
{
|
||||
name: "Sara Malik",
|
||||
handle: "@saramalik",
|
||||
testimonial: "Absolutely love the almond infusion. A premium snack I can always rely on.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-sitting-table-holding-cake_78492-3919.jpg?_wi=1",
|
||||
},
|
||||
name: "Sara Malik", handle: "@saramalik", testimonial: "Absolutely love the almond infusion. A premium snack I can always rely on.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-sitting-table-holding-cake_78492-3919.jpg"},
|
||||
{
|
||||
name: "Zaid Farooq",
|
||||
handle: "@zaidf",
|
||||
testimonial: "Fast delivery, fresh taste, and great packaging. Simply excellent experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg?_wi=1",
|
||||
},
|
||||
name: "Zaid Farooq", handle: "@zaidf", testimonial: "Fast delivery, fresh taste, and great packaging. Simply excellent experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg"},
|
||||
{
|
||||
name: "Noor Fatima",
|
||||
handle: "@noorf",
|
||||
testimonial: "A taste of pure joy in every bite. Cooppa is a household name for a reason.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-happy-woman-with-chocolate-bar-pink-background-bright-makeup_343596-4003.jpg",
|
||||
},
|
||||
name: "Noor Fatima", handle: "@noorf", testimonial: "A taste of pure joy in every bite. Cooppa is a household name for a reason.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-happy-woman-with-chocolate-bar-pink-background-bright-makeup_343596-4003.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Discover Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-xm2idbiw.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-xm2idbiw.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-holding-chocolate-bar-gold-foil_74855-6002.jpg",
|
||||
alt: "Ayesha Khan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-young-woman-holding-chocolate-bar-gold-foil_74855-6002.jpg", alt: "Ayesha Khan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-smiles-camera-confectioner-cooks-kitchen-cook-is-resting_1157-42208.jpg",
|
||||
alt: "Bilal Ahmed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lady-smiles-camera-confectioner-cooks-kitchen-cook-is-resting_1157-42208.jpg", alt: "Bilal Ahmed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-woman-eating-chocolate-bar-gold-foil_74855-6003.jpg",
|
||||
alt: "Sara Malik",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-woman-eating-chocolate-bar-gold-foil_74855-6003.jpg", alt: "Sara Malik"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/celebration-party-lifestyle-concept-girl-want-have-bite-tasty-desert-holding-bday-cake-with-l_1258-116460.jpg",
|
||||
alt: "Zaid Farooq",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/celebration-party-lifestyle-concept-girl-want-have-bite-tasty-desert-holding-bday-cake-with-l_1258-116460.jpg", alt: "Zaid Farooq"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-65974.jpg",
|
||||
alt: "Noor Fatima",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-65974.jpg", alt: "Noor Fatima"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,7 +93,7 @@ export default function LandingPage() {
|
||||
description="At Cooppa, we believe in bringing joy to every home through our artisanal approach to confectionery. We select only the highest quality milk and premium nuts to ensure our toffee is a testament to our dedication."
|
||||
subdescription="Our batch-controlled production ensures you get the freshest product, delivered with love from Pakistan."
|
||||
icon={Award}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -139,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Almond Toffee",
|
||||
price: "Rs. 250",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-xm2idbiw.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Classic Almond Toffee", price: "Rs. 250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-xm2idbiw.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Butter Cream Delights",
|
||||
price: "Rs. 300",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Butter Cream Delights", price: "Rs. 300", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Double Choco Crunch",
|
||||
price: "Rs. 350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-bright-gold-earrings-white-cap-smiling-holding-bar-chocolate-purple-wall_197531-16638.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Double Choco Crunch", price: "Rs. 350", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-bright-gold-earrings-white-cap-smiling-holding-bar-chocolate-purple-wall_197531-16638.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Almond Nut Infusion",
|
||||
price: "Rs. 280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Almond Nut Infusion", price: "Rs. 280", imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cooppa Gold Edition",
|
||||
price: "Rs. 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-sitting-table-holding-cake_78492-3919.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "Cooppa Gold Edition", price: "Rs. 450", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-woman-sitting-table-holding-cake_78492-3919.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Standard Mix Bag",
|
||||
price: "Rs. 500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Standard Mix Bag", price: "Rs. 500", imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Explore our premium range of toffee creations."
|
||||
@@ -187,49 +130,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Sourced from the finest skimmed milk and hand-picked almonds.",
|
||||
icon: ShieldCheck,
|
||||
title: "Premium Ingredients", description: "Sourced from the finest skimmed milk and hand-picked almonds.", icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-groceries-market_23-2148263784.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-groceries-market_23-2148263784.jpg"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c4mw2d",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c4mw2d"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg?_wi=3",
|
||||
imageAlt: "premium cocoa beans macro",
|
||||
},
|
||||
{
|
||||
title: "Certified Quality",
|
||||
description: "Strict batch control and PFA licensed production facilities.",
|
||||
icon: Award,
|
||||
title: "Certified Quality", description: "Strict batch control and PFA licensed production facilities.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ssu0fc",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ssu0fc"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-chocolate-truffles-rustic-wooden-box-generated-by-ai_188544-18120.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-chocolate-truffles-rustic-wooden-box-generated-by-ai_188544-18120.jpg"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-xm2idbiw.jpg?_wi=3",
|
||||
imageAlt: "premium cocoa beans macro",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Thoughtfully crafted with respect to quality and shelf life.",
|
||||
icon: Leaf,
|
||||
title: "Sustainable Practices", description: "Thoughtfully crafted with respect to quality and shelf life.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157457.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-arrangement-spanish-food_23-2149157457.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-sweets-market_23-2148263787.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-sweets-market_23-2148263787.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-bright-gold-earrings-white-cap-smiling-holding-bar-chocolate-purple-wall_197531-16638.jpg?_wi=3",
|
||||
imageAlt: "premium cocoa beans macro",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Cooppa?"
|
||||
@@ -244,40 +169,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha Khan",
|
||||
role: "Foodie",
|
||||
testimonial: "Simply the best toffee I've ever had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/temptation-city-eating-healthy-joy_1187-6423.jpg",
|
||||
},
|
||||
id: "t1", name: "Ayesha Khan", role: "Foodie", testimonial: "Simply the best toffee I've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/temptation-city-eating-healthy-joy_1187-6423.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bilal Ahmed",
|
||||
role: "Chef",
|
||||
testimonial: "Excellent consistency and flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg",
|
||||
},
|
||||
id: "t2", name: "Bilal Ahmed", role: "Chef", testimonial: "Excellent consistency and flavor.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13318.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sara Malik",
|
||||
role: "Lifestyle Blogger",
|
||||
testimonial: "Perfect snack for every occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vlogger-cooking-while-streaming_23-2149151557.jpg",
|
||||
},
|
||||
id: "t3", name: "Sara Malik", role: "Lifestyle Blogger", testimonial: "Perfect snack for every occasion.", imageSrc: "http://img.b2bpic.net/free-photo/vlogger-cooking-while-streaming_23-2149151557.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zaid Farooq",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Freshness in every single bite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-offering-gift_23-2148372498.jpg",
|
||||
},
|
||||
id: "t4", name: "Zaid Farooq", role: "Entrepreneur", testimonial: "Freshness in every single bite.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-offering-gift_23-2148372498.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Noor Fatima",
|
||||
role: "Student",
|
||||
testimonial: "Addictive and delicious snack.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pin-up-woman-holding-sweeties-hands-studio_176420-42955.jpg",
|
||||
},
|
||||
id: "t5", name: "Noor Fatima", role: "Student", testimonial: "Addictive and delicious snack.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pin-up-woman-holding-sweeties-hands-studio_176420-42955.jpg"},
|
||||
]}
|
||||
title="Loved by Connoisseurs"
|
||||
description="Discover why our community loves Cooppa."
|
||||
@@ -292,25 +192,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Happy Retailers",
|
||||
description: "Trusting our brand quality.",
|
||||
icon: ShoppingBag,
|
||||
id: "m1", value: "100+", title: "Happy Retailers", description: "Trusting our brand quality.", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10K+",
|
||||
title: "Bags Sold",
|
||||
description: "Delivered across Pakistan.",
|
||||
icon: ShoppingBag,
|
||||
id: "m2", value: "10K+", title: "Bags Sold", description: "Delivered across Pakistan.", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Premium quality guaranteed.",
|
||||
icon: Smile,
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Premium quality guaranteed.", icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Cooppa by Numbers"
|
||||
@@ -322,60 +210,42 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to stock the best? Partner with us or reach out for inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CdapeyLMwBpW2juZy5ECgVvrtl/uploaded-1776718130227-907j14l6.jpg"
|
||||
logoText="Cooppa"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user