From 49b3e2f2ef90c8345f933fbc9e1ee1d096bc6f81 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 20 Apr 2026 20:49:55 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 258 ++++++++++++----------------------------------- 1 file changed, 64 insertions(+), 194 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 89060f5..803f444 100644 --- a/src/app/page.tsx +++ b/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" > @@ -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" /> @@ -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() {