-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsimple.html
More file actions
1016 lines (902 loc) · 56.9 KB
/
Copy pathsimple.html
File metadata and controls
1016 lines (902 loc) · 56.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>Alamo Doap</title>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TSJ7XFHN');</script>
<!-- End Google Tag Manager -->
<script>
const hostname = "alamo.doap.com";
const subdomain = hostname.split('.')[0];
</script>
<!-- Cookie Stuff -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Marvel:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Marvel:wght@400;700&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script type="module" src="/inc/js/headerManager.js" defer></script>
<script type="module" src="/inc/js/formHandler.js" defer></script>
<script type="module" src="/inc/js/tabHandler.js" defer></script>
<script type="module" src="/inc/js/productSelectionHandler.js" defer></script>
<script type="module" src="/inc/js/main.js" defer></script>
<script type="module" src="/inc/js/subdomainData.js" defer></script>
<script type="module" src="/inc/js/formPopulator.js" defer></script>
<script src="/inc/js/shopzipFinder.js" defer></script>
<link rel="stylesheet" href="/inc/css/style.css">
<link rel="stylesheet" href="/inc/css/customerInfo.css">
<link rel="stylesheet" href="/inc/css/zipFormStyle.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php //include('./inc/php/og_meta.php'); ?>
<?php //include 'inc/php/head.php'; ?>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TSJ7XFHN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="page-wrapper">
<div class="main-content">
<div class="header" style="background-color:#fff;">
<div class="logo-title-container">
<a href="/simple.html" target="_SELF" title="Call Norcal Doap Doap!">
<img src="/images/logos/doap-logo-wording.png" alt="Doap Logo" class="doap-logo">
</a>
<div class="text-container">
<a class="nodec" href="/simple.html" target="_SELF">
<h1 id="cityName" class="marvel-font">Doap</h1>
</a>
<a href="tel:8332893627" class="phone-number nodec marvel-font">833-289-3627</a>
</div>
</div>
<div class="menu-title nodec">
<a style="text-decoration:none!important;" class="nodec" href="/simple.html" target="_SELF">
<h2 class="menu-title-text nodec">Delivering Organic Awesome Pot</h2>
</a>
</div>
</div>
<script type="module">
import { subdomainData } from './inc/js/subdomainData.js';
document.addEventListener("DOMContentLoaded", () => {
const cityNameElement = document.getElementById("cityName");
const phoneNumberElement = document.querySelector(".phone-number");
const hostname = window.location.hostname.split('.')[0].toLowerCase();
const cityData = subdomainData.find(entry => entry.subdomain === hostname);
if (cityData) {
cityNameElement.textContent = cityData.city + ' Doap';
phoneNumberElement.textContent = cityData.phone;
phoneNumberElement.href = `tel:${cityData.phone.replace(/-/g, '')}`;
} else {
console.warn("Subdomain not found in data.");
}
console.log("Header script initialized successfully.");
});
</script>
<?php //include 'inc/html/header.html'; ?>
<!-- Tabs -->
<div class="tab-container">
<div class="tab active" data-tab="flower">Flower</div>
<div class="tab" data-tab="concentrates">Concentrates</div>
<div class="tab" data-tab="edibles">Edibles</div>
<div class="tab" data-tab="accessories">Accessories</div>
</div>
<div id="productsAndCartWrapper">
<form id="cartForm">
<!-- "Doap Menu" -->
<!-- Tab content for Flower -->
<div class="tab-content active" id="flower">
<div class="item-list">
<div class="product flash">
<label class="item" data-description="<p>Dive into a bowl of this <span class=marvel-font-bold>DOAP</span> strain Red Velvet Zoap, highly crystalized and beautifully trimmed, this one combines smoothness with delicious flavors and a potent uplifting buzz. </p><p> Save 25% when you get an ounce instead of buying the equivalent weight in eighths. </p>">
<input type="checkbox" name="item" value="Top Shelf Hydro">
<img src="/images/products/flower/hyrdoponic-flower.webp" alt="1/8 oz Top Shelf Hydro">
<div class="item-details">
<p class="item-title">Top Shelf Hydro</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-top-shelf-hydro"></label>
<select id="quantity-top-shelf-hydro" class="quantity" name="quantity-top-shelf-hydro">
<option value="1" data-price="50">1/8 oz. (3.5 grams)</option>
<option value="1" data-price="90">1/4 oz. (7 grams)</option>
<option value="1" data-price="150">1/2 oz. (14 grams)</option>
<option value="1" data-price="250">28 grams (1 oz.)</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price" data-base-price="50">$50.00</p>
<span class="add-to-cart-button" data-product-name="Top Shelf Hydro" data-price="50">Add to Cart</span>
</div>
</label>
</div>
<div class="product flash">
<label class="item" data-description="<p>Get the best value with our Small Bud Special, offering <span class='marvel-font-bold'>DOAP</span> flavor and potency in every ounce.</p><p>A half oz. is just $75 bucks delivered! If you're the type to roll doobies this is a great way to go.</p>">
<input type="checkbox" name="item" value="Small Bud Special|75">
<img src="/images/products/flower/small-bud-special.webp" alt="Small Bud Special">
<div class="item-details">
<p class="item-title">Small Bud Special</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-small-bud-special"></label>
<select id="quantity-small-bud-special" class="quantity" name="quantity-small-bud-special">
<option value="1" data-price="150">1/2 oz. (14 grams)</option>
<option value="1" data-price="250">28 grams (1 oz.)</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price" data-base-price="75">$75.00</p>
<span class="add-to-cart-button" data-product-name="Small Bud Special" data-price="75">Add to Cart</span>
</div>
</label>
</div>
<div class="product flash">
<label class="item" data-description="<p>Try this Organic Greenhouse Flower, it's grown locally in the fertile foothills of Paradise CA. </p><p> Its <span class='marvel-font'>DOAP</span> organic awesome pot! Save 25% by getting an ounce instead of the equivalent weight in eighths.</p>">
<input type="checkbox" name="item" value="Organic Greenhouse Flower|30">
<img src="/images/products/flower/greenhouse-flower.webp" alt="Organic Greenhouse Flower">
<div class="item-details">
<p class="item-title">Organic Greenhouse Flower</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-organic-greenhouse-flower"></label>
<select id="quantity-organic-greenhouse-flower" class="quantity" name="quantity-organic-greenhouse-flower">
<option value="1" data-price="30">1/8 oz. (3.5 grams) - $30</option>
<option value="2" data-price="55">1/4 oz. (7 grams) - $55</option>
<option value="4" data-price="100">1/2 oz. (14 grams) - $100</option>
<option value="8" data-price="180">28 grams (1 oz.) - $180</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price" data-base-price="30">$30.00</p>
<span class="add-to-cart-button" data-product-name="Organic Greenhouse Flower" data-price="30">Add to Cart</span>
</div>
</label>
</div>
<div class="product">
<label class="item" data-description="<p>Our Prerolls are made from a blends of both Sativa and Indica strains and pack a powerful punch! Each joint contains 1.5g of crumbly top shelf flower. </p><p>Enjoy a consistently <span class='marvel-font'>DOAP</span> smoking experience with these doobies! </p><p>Save 25% on a 10 pack!($80) or go big and get the Bakers Dozen for $100!</p>">
<input type="checkbox" name="item" value="Premium Quality Hybrid Prerolls|15">
<img src="/images/products/flower/single-prerolled-cone-joint.webp" alt="Premium Quality Hybrid Prerolls">
<div class="item-details">
<p class="item-title">Premium Quality Hybrid Prerolls</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-premium-prerolls"></label>
<select id="quantity-premium-prerolls" class="quantity" name="quantity-premium-prerolls">
<option value="1" data-price="15">1 Joint - $15</option>
<option value="2" data-price="28">2 Joints - $28</option>
<option value="3" data-price="39">3 Joints - $39</option>
<option value="4" data-price="48">4 Joints - $48</option>
<option value="5" data-price="55">5 Joints - $55</option>
<option value="6" data-price="60">6 Joints - $60</option>
<option value="7" data-price="65">7 Joints - $65</option>
<option value="8" data-price="72">8 Joints - $72</option>
<option value="9" data-price="78">9 Joints - $78</option>
<option value="10" data-price="80">10 Joints - $80</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price" data-base-price="15">$15.00</p>
<span class="add-to-cart-button" data-product-name="Premium Quality Hybrid Prerolls" data-price="15">Add to Cart</span>
</div>
</label>
</div>
<div class="product">
<label class="item" data-description="<p>Indulge in the ultimate <span class='marvel-font'>DOAP</span>ness with our Bakers Dozen of Top Shelf Prerolled Cone Joints, perfectly crafted for smooth and satisfying enjoyment.</p>">
<input type="checkbox" name="item" value="Bakers Dozen Prerolled Cone Joints|100">
<img src="/images/products/flower/2-joints.webp" alt="Bakers Dozen Prerolled Cone Joints">
<div class="item-details">
<p class="item-title">Bakers Dozen Prerolled Cone Joints</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-bakers-dozen-joints" class="quantity" name="quantity-bakers-dozen-joints">
<option value="1" data-price="100">13 Joints</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price" data-base-price="100">$100.00</p>
<span class="add-to-cart-button" data-product-name="Bakers Dozen Prerolled Cone Joints" data-price="100">Add to Cart</span>
</div>
</label>
</div>
<div class="product">
<label class="item" data-description="<p>Take your experience to the next level with Kief Dipped Prerolls, a <span class='marvel-font'>DOAP</span> combination of potency and flavor.</p>">
<input type="checkbox" name="item" value="Kief Dipped Preroll|20">
<img src="/images/products/flower/kief-dipped-prerolls.webp" alt="Kief Dipped Preroll">
<div class="item-details">
<p class="item-title">Kief Dipped Preroll</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-kief-dipped-preroll-1" class="quantity" name="quantity-kief-dipped-preroll-1">
<option value="1" data-price="20">1 joint</option>
<option value="3" data-price="50">3 joints</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price" data-base-price="20">$20.00</p>
<span class="add-to-cart-button" data-product-name="Kief Dipped Preroll" data-price="20">Add to Cart</span>
</div>
</label>
</div>
</div>
</div> <!-- End Flower -->
<!-- Tab content for Edibles -->
<div class="tab-content" id="edibles">
<div class="item-list">
<!-- Product 1: THC Gummy Bears -->
<div class="product">
<label class="item" data-description="<p>Each <span class=marvel-font-bold>DOAP</span> gummy bear is infused with 5mg of premium organic THC oil, delivering a balanced and consistent experience.</p> <p>Choose between two sizes, a smaller 100mg sampler pack, or the monster 1200mg pack for a significant discount.</p><p>By Green Privilege(GP)</p>">
<img src="/images/products/edibles/gummy-bears.webp" alt="THC Gummy Bears">
<div class="item-details">
<p class="item-title">THC Gummy Bears</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-gummy-bears"></label>
<select id="quantity-gummy-bears" class="quantity" name="quantity-gummy-bears">
<option value="1" data-price="25">100mg - $25</option>
<option value="2" data-price="80">1200mg - $80</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$<span id="price-gummy-bears">25.00</span></p>
<span class="add-to-cart-button" data-product-name="THC Gummy Bears" data-price="0.00">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Product 2: THC Gummy Worms -->
<div class="product">
<label class="item" data-description="<p>Each of these <span class=marvel-font-bold>DOAP</span> tasty gummy worms are infused with 20mg of premium organic THC oil each, delivering a balanced and consistent experience.</p> <p>Choose between two sizes, a smaller 100mg sampler pack, or the monster 1200mg pack for a significant discount.</p><p>By Green Privilege(GP)</p>">
<img src="/images/products/edibles/gummy-worms.webp" alt="THC Gummy Worms">
<div class="item-details">
<p class="item-title">THC Gummy Worms</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-gummy-worms"></label>
<select id="quantity-gummy-worms" class="quantity" name="quantity-gummy-worms">
<option value="1" data-price="25">100mg - $25</option>
<option value="2" data-price="80">1200mg - $80</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$<span id="price-gummy-worms">25.00</span></p>
<span class="add-to-cart-button" data-product-name="THC Gummy Worms" data-price="25.00">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Product 3: THC Gummy Rings -->
<div class="product">
<label class="item" data-description="<p>Each of these tasty <span class=marvel-font-bold>DOAP</span> gummy rings are infused with 40mg of premium organic THC oil each, delivering a balanced and consistent experience.</p> <p>Choose between two sizes, a smaller 100mg sampler pack, or the monster 1200mg pack for a significant discount.</p><p>By Green Privilege(GP)</p>">
<img src="/images/products/edibles/gummy-rings.webp" alt="THC Gummy Rings">
<div class="item-details">
<p class="item-title">THC Gummy Rings</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-gummy-rings"></label>
<select id="quantity-gummy-rings" class="quantity" name="quantity-gummy-rings">
<option value="1" data-price="25">100mg - $25</option>
<option value="2" data-price="80">1200mg - $80</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$<span id="price-gummy-rings">25.00</span></p>
<span class="add-to-cart-button" data-product-name="THC Gummy Rings" data-price="25.00">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Product 4: Space Tubaroos -->
<div class="product">
<label class="item" data-description="<p>Blast off into a cosmic journey of deliciousness whenever the urge may strike. Check out our Space Tubaroos, a <span class=marvel-font-bold>DOAP</span> gummy that is totally tubular!</p><p>Each Tubaroo is packed with 60mg of THC. With a total of 900mg of THC in each bag, Space Tubaroos are the perfect edible to take with you on the go.</p><p>Single for $30 or two packs for $50</p>">
<img src="/images/products/edibles/tubaroos.webp" alt="Space Tubaroos">
<div class="item-details">
<p class="item-title">Space Tubaroos</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-space-tubaroos"></label>
<select id="quantity-space-tubaroos" class="quantity" name="quantity-space-tubaroos">
<option value="1" data-price="30">1 for $30</option>
<option value="2" data-price="50">2 for $50</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$<span id="price-space-tubaroos">30.00</span></p>
<span class="add-to-cart-button" data-product-name="Space Tubaroos" data-price="30">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Product: Premium Potency THC Syrup -->
<div class="product">
<label class="item" data-description="<p><i>Available via Pre-order only.</i> This THC syrup is infused with activated canabinoids and is known for its high purity and quality.</p><p>It can be consumed directly or mixed with beverages, offering versatility in its use.</p><p>The product’s unique selling point is its high concentration of THC, providing a powerful and long-lasting effect, making it ideal for both recreational and medicinal use.">
<img src="/images/products/edibles/syrup1.webp" alt="Premium Potency THC Syrup">
<div class="item-details">
<p class="item-title">Premium Potency THC Syrup</p>
<div class="item-quantity product-quantity-size">
<label for="quantity-thc-syrup"></label>
<select id="quantity-thc-syrup" class="quantity" name="quantity-thc-syrup">
<option value="1" data-price="45">1000mg - $45</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$<span id="price-thc-syrup">45.00</span></p>
<span class="add-to-cart-button" data-product-name="Premium Potency THC Syrup" data-price="25">Pre-order Now</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Product: GP Variety Sample Pack -->
<div class="product">
<label class="item" data-description="<p>This GP Variety Sample Pack offers 30mg of delicious gummies, with 5mg per piece.</p><p>Perfect for trying out a smaller dose at an affordable price.</p><p>by Green Privilege(GP)">
<img src="/images/products/edibles/gp-variety-sample-pack.webp" alt="GP Variety Sample Pack">
<div class="item-details">
<p class="item-title">GP Variety Sample Pack</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-gp-variety-pack" class="quantity" name="quantity-gp-variety-pack">
<option value="1" data-price="10">30mg (5mg x 6 pieces) - $10</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$<span id="price-gp-variety-pack">10.00</span></p>
<span class="add-to-cart-button" data-product-name="GP Variety Sample Pack" data-price="10">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
</div>
</div> <!-- End Edibles -->
<!-- Tab content for Concentrates -->
<div class="tab-content" id="concentrates">
<div class="item-list">
<div class="product">
<!-- Solventless Disposable Vape -->
<label class="item" data-description="<p>With solventless options, you get a vape cartridge that doesn't undergo chemical extraction.</p><p>Nor does it lose its terpene content from the chemicals that strip that plant of its natural compounds.</p>">
<input type="checkbox" name="item" value="Solventless Disposable Vape|50">
<img src="/images/products/concentrates/half-gram-disposable.webp" alt="Solventless Disposable Vape">
<div class="item-details">
<p class="item-title">Solventless Disposable Vape</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-solventless-vape-1" class="quantity" name="quantity-solventless-vape-1">
<option value="1" data-price="50">1/2 gram cart</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$50.00</p>
<span class="add-to-cart-button" data-product-name="Solventless Disposable Vape" data-price="50">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- Doap 1g Vape Cartridge -->
<label class="item" data-description="<p>These Delta-9 THC cartridges are what most people are thinking of when they hear “weed cart.” </p>
<p>Our premium Delta-9 THC cartridges are meticulously crafted for a perfect balance of potency, purity, and flavor. Infused with natural terpenes, they offer rich, authentic flavors alongside smooth, consistent effects. </p>
<p>Put simply the taste great and pack a whollop. <span class=marvel-font-bold>DOAP!</span> </p> ">
<input type="checkbox" name="item" value="Doap 1g Vape Cartridge|45">
<img src="images/products/concentrates/vape-cart.webp" alt="Doap 1g Vape Cartridge">
<div class="item-details">
<p class="item-title">Doap 1g Vape Cartridge</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-doap-vape-cartridge" class="quantity" name="quantity-doap-vape-cartridge">
<option value="1" data-price="45">1g cart</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$45.00</p>
<span class="add-to-cart-button" data-product-name="Doap 1g Vape Cartridge" data-price="45">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- Live Rosin 1g Vape Cart -->
<label class="item" data-description="<p>Choose between <i>Moon Coin</i> (indica) or <i>Permanent Marker</i> (sativa)</p>
<p>Experience the pure essence of cannabis with our Fresh from the Garden Live Rosin Vape Cart. A full gram known for its potency and flavor profile.</p>
<p>Live rosin vape carts are made with cannabis concentrate obtained from fresh, flash-frozen material.</p>">
<input type="checkbox" name="item" value="Live Rosin 1g Vape Cart|60">
<img src="/images/products/concentrates/doap-rosin-vape-1.webp" alt="Live Rosin 1g Vape Cart">
<div class="item-details">
<p class="item-title">Live Rosin 1g Vape Cart</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-live-rosin-vape" class="quantity" name="quantity-live-rosin-vape">
<option value="1" data-price="60">1g cart</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$60.00</p>
<span class="add-to-cart-button" data-product-name="Live Rosin 1g Vape Cart" data-price="60">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- Nug Run Badder -->
<label class="item" data-description="<p>Nug run is a <span class=marvel-font-bold>DOAP</span> kind of cannabis concentrate that's produced using only small nuggets from high-grade flower.</p><p>Some other concentrates rely on cannabis trim product like leaves and stems, but the nug run label means a given product is made with only the most potent parts of the plant.</p><p>This is a rich and flavorful concentrate for premium dabbing.</p>">
<input type="checkbox" name="item" value="Nug Run Badder|30">
<img src="/images/products/concentrates/badder.webp" alt="Nug Run Badder">
<div class="item-details">
<p class="item-title">Nug Run Badder</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-nug-run-badder" class="quantity" name="quantity-nug-run-badder">
<option value="1" data-price="30">1g</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$30.00</p>
<span class="add-to-cart-button" data-product-name="Nug Run Badder" data-price="30">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- Vape and Flower Bundle -->
<label class="item" data-description="<p>For those who like smokin' it and vapin' it, we offer the Vape and Flower Bundle!</p>
<p>It combines a 1g Delta-9 THC cartridge, a rechargeable 510-thread battery, and an eighth of our top-shelf hydroponic flower. </p>">
<input type="checkbox" name="item" value="Vape and Flower Bundle|100">
<img src="/images/products/concentrates/cart-and-flower-bundle-324x324.jpeg" alt="Vape and Flower Bundle">
<div class="item-details">
<p class="item-title">Vape and Flower Bundle</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-vape-flower-bundle" class="quantity" name="quantity-vape-flower-bundle">
<option value="1" data-price="100">1g cart, 1 batt, 3.5g flower</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$100.00</p>
<span class="add-to-cart-button" data-product-name="Vape and Flower Bundle" data-price="100">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- 2 Vape Carts + Battery -->
<label class="item" data-description="<p>This bundle includes two Delta 9 THC premium vape cartridges and a rechargable 510 thread battery pack.</p>">
<input type="checkbox" name="item" value="2 Vape Carts + Battery|100">
<img src="/images/products/concentrates/2vape-carts-and-a-battery-100-300x300.webp" alt="2 Vape Carts + Battery">
<div class="item-details">
<p class="item-title">2 Vape Carts + Battery</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-2-vape-carts-battery" class="quantity" name="quantity-2-vape-carts-battery">
<option value="1" data-price="100">2x1g Carts + Batt - $100.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$100.00</p>
<span class="add-to-cart-button" data-product-name="2 Vape Carts + Battery" data-price="100">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
</div>
</div> <!-- End Concentrates -->
<!-- Tab content for Accessories -->
<div class="tab-content" id="accessories">
<div class="item-list">
<div class="product">
<label class="item" data-description="<p>A high-quality rechargeable vape battery with built-in USB charger and a 1-year warranty.</p>">
<input type="checkbox" name="item" value="Vape Battery w/ USB Charger|40">
<img src="/images/products/accessories/vape-pen-battery.webp" alt="Doap Vape Pen - Rechargeable">
<div class="item-details">
<p class="item-title">Vape Battery w/ USB Charger</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-lokey-vape-battery" class="quantity" name="quantity-lokey-vape-battery">
<option value="1" data-price="40.00">1 Unit - $40.00</option>
<option value="2" data-price="75.00">2 Units - $75.00</option>
<option value="3" data-price="110.00">3 Units - $110.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$40.00</p>
<span class="add-to-cart-button" data-product-name="Vape Battery w/ USB Charger" data-price="40">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<label class="item" data-description="<p>A Handcrafted high-quality glass weed pipe, with intense color patterns and easy clean design.</p><p>This pipe has thick glass with good carb placement. Another great feature is it has flat spots where they should be so it doesnt roll off the table. </p>">
<input type="checkbox" name="item" value="Glass Weed Pipe|25">
<img src="/images/products/accessories/glass-pipe.webp" alt="Glass Weed Pipe - High-Quality Glass">
<div class="item-details">
<p class="item-title">Glass Weed Pipe</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-glass-weed-pipe" class="quantity" name="quantity-glass-weed-pipe">
<option value="1" data-price="25.00">1 Pipe - $25.00</option>
<option value="2" data-price="45.00">2 Pipes - $45.00</option>
<option value="3" data-price="65.00">3 Pipes - $65.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$25.00</p>
<span class="add-to-cart-button" data-product-name="Glass Weed Pipe" data-price="25">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Zig-Zag Rolling Papers -->
<div class="product">
<label class="item" data-description="<p>Zig-Zag Rolling Papers in a variety of sizes to suit your rolling needs.</p>">
<input type="checkbox" name="item" value="Zig-Zag Rolling Papers|4.50">
<img src="/images/products/accessories/zig-zag-rolling-papers.webp" alt="Zig-Zag Rolling Papers">
<div class="item-details">
<p class="item-title">Zig-Zag Rolling Papers</p>
<div class="item-quantity product-quantity-size">
<select id="size-zig-zag-papers" class="quantity" name="size-zig-zag-papers">
<option value="1" data-price="4.50">Single Wide (SW) - $4.50</option>
<option value="2" data-price="4.50">1 ¼ Size - $4.50</option>
<option value="3" data-price="5.00">1 ½ Size - $5.00</option>
<option value="4" data-price="5.00">King Size - $5.00</option>
<option value="5" data-price="5.00">King Size Slim - $5.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$4.50</p>
<span class="add-to-cart-button" data-product-name="Zig-Zag Rolling Papers" data-price="4.50">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<!-- Weed Grinder -->
<div class="product">
<label class="item" data-description="<p>Durable and efficient medium sized weed grinder for a consistent grind every time. </p><p>It's big enough to keep your hands from cramping and small enough for a permanent home in your weed kit.</p>">
<input type="checkbox" name="item" value="Weed Grinder|20">
<img src="/images/products/accessories/grinder.webp" alt="Weed Grinder">
<div class="item-details">
<p class="item-title">Weed Grinder</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-weed-grinder" class="quantity" name="quantity-weed-grinder">
<option value="1" data-price="20.00">1 Grinder - $20.00</option>
<option value="2" data-price="35.00">2 Grinders - $35.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$20.00</p>
<span class="add-to-cart-button" data-product-name="Weed Grinder" data-price="20">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- Bic Lighter -->
<label class="item" data-description="<p>Reliable and long-lasting Bic Lighter, the perfect companion for your smoking needs.</p>">
<input type="checkbox" name="item" value="Bic Lighter|3">
<img src="/images/products/accessories/bic-lighter.webp" alt="Bic Lighter">
<div class="item-details">
<p class="item-title">Bic Lighter</p>
<div class="item-quantity product-quantity-size">
<select id="quantity-bic-lighter" class="quantity" name="quantity-bic-lighter">
<option value="1" data-price="3.00">1 Lighter - $3.00</option>
<option value="2" data-price="6.00">2 Lighters - $6.00</option>
<option value="3" data-price="9.00">3 Lighters - $9.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$3.00</p>
<span class="add-to-cart-button" data-product-name="Bic Lighter" data-price="3">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
<div class="product">
<!-- Doap T-Shirt -->
<label class="item" data-description="<p>Show off your love for Doap with this stylish and comfortable T-Shirt. Available in multiple sizes.</p>">
<input type="checkbox" name="item" value="Doap T-Shirt|15">
<img src="/images/products/accessories/doap-tshirt.webp" alt="Doap T-Shirt">
<div class="item-details">
<p class="item-title">Doap T-Shirt</p>
<div class="item-quantity product-quantity-size">
<select id="size-doap-tshirt" class="quantity" name="size-doap-tshirt">
<option value="1" data-price="15.00">Small - $15.00</option>
<option value="2" data-price="16.00">Medium - $16.00</option>
<option value="3" data-price="17.00">Large - $17.00</option>
<option value="4" data-price="18.00">XL - $18.00</option>
<option value="5" data-price="19.00">XXL - $19.00</option>
</select>
<span class="magnify-icon">
<i class="fas fa-magnifying-glass"></i>
</span>
</div>
<p class="item-price">$15.00</p>
<span class="add-to-cart-button" data-product-name="Doap T-Shirt" data-price="15">Add to Cart</span>
</div>
<div class="added-to-cart" style="display: none;">Added to Cart</div>
</label>
</div>
</div>
</div> <!-- End Accessories -->
<?php include('inc/html/cartsection.html'); ?>
</div>
<?php } ?>
<div id="popupMessage" class="popup hidden">
<p id="popupText">Order Processed Successfully!</p>
</div>
<script type="module">
document.addEventListener("DOMContentLoaded", () => {
const tabs = document.querySelectorAll(".tab");
const tabContents = document.querySelectorAll(".tab-content");
// Show all categories on page load
tabContents.forEach(content => content.classList.add("active"));
tabs.forEach((tab) => {
tab.addEventListener("click", () => {
// Hide all categories
tabContents.forEach(content => content.classList.remove("active"));
// Show only the selected category
const contentId = tab.dataset.tab;
const targetContent = document.getElementById(contentId);
if (targetContent) {
targetContent.classList.add("active");
}
});
});
});
</script>
<div id="cartContainer">
<form id=\"cartForm\">
<!-- Cart Section -->
<div class="cart-section">
<div style="display: flex; justify-content: space-between; align-items: center;">
<h3 id=cartAnchor>Cart:</h3>
<span id="minOrderMessage" style="font-size: 0.9rem; font-weight: bold; color: red;">
Minimum order is $0.
</span>
</div>
<ul id="selectedItemsList">
<li class="no-items" style="background-color: transparent; padding: 10px 0px; text-align: center;">
No items selected yet.
</li>
</ul>
<div id="totalPriceRow">
<span>Total Price:</span>
<span id="total">$0</span>
</div>
</div>
<div class="orderInfo">
<!-- Customer Information -->
<div class="customer-info">
<div class="info-row">
<label for="name full-width" class="customer-info-label">Name:</label>
<input type="text" id="name" name="name" required autocomplete="name" placeholder="Full Name" class="customer-input-element">
</div>
<div class="info-row">
<label for="phone full-width" class="customer-info-label">Phone:</label>
<input type="tel" id="phone" name="phone" required autocomplete="tel" placeholder="Phone Number" class="customer-input-element">
</div>
<div class="info-row full-width">
<label for="email" class="customer-info-label">Email:</label>
<input type="email" id="email" name="email" required autocomplete="email" placeholder="Email Address" class="customer-input-element">
</div>
<!-- Promo Opt-In Checkboxes -->
<div class="info-row full-width">
<label class="customer-info-label">Preferred communication method:</label>
<div class="promo-optin">
<label for="promo_email" class="promo" class="customer-info-label">
<input type="radio" id="promo_email" name="promo_optin" value="email" class="customer-input-element" checked />
Email
</label>
<label for="promo_sms" class="promo">
<input type="radio" id="promo_sms" name="promo_optin" value="sms" class="customer-input-element"/>
SMS
</label>
<label for="promo_call" class="promo">
<input type="radio" id="promo_call" name="promo_optin" value="call" class="customer-input-element"/>
Call
</label>
</div>
</div>
<div class="info-row" full-width>
<label for="address" class="customer-info-label">Address:</label>
<textarea id="address" name="address" required autocomplete="street-address" placeholder="Street Address" class="customer-input-element"></textarea>
</div>
<div class="info-row" full-width>
<label for="city" class="customer-info-label">City:</label>
<input type="text" id="city" name="city" required autocomplete="address-level2" placeholder="City" class="customer-input-element">
</div>
<div class="info-row full-width">
<label for="specialInstructions" class="customer-info-label">Special Instructions:</label>
<textarea id="specialInstructions" name="specialInstructions" placeholder="Add any specific delivery notes here..." autocomplete="off" class="customer-input-element"></textarea>
</div>
</div>
<!-- Payment Method -->
<div class="payment-section">
<label for="paymentMethod" class="customer-info-label">
<i class="fas fa-cash-register alignright"></i> Payment Method:
</label>
<select id="paymentMethod" name="paymentMethod" class="customer-input-element" required>
<option value="" style="font-family:sans-serif" class="customer-input-element" selected>Select Payment Method</option>
<option value="cash" class="customer-input-element">Cash</option>
<option value="credit-card" class="customer-input-element">Credit Card</option>
<option value="crypto" class="customer-input-element">Crypto</option>
<option value="zelle" class="customer-input-element">Zelle</option>
<option value="venmo" class="customer-input-element">Venmo</option>
<option value="paypal" class="customer-input-element">PayPal</option>
<option value="cashapp" class="customer-input-element">Cashapp</option>
</select>
</div>
<div id="accordionContent">
<div id="creditCardForm" class="accordion-section" style="display: none;">
<h3><i class="fas fa-credit-card alignright"></i> Enter Your Credit Card Details</h3>
<p class="aligncenter">
<label for="nameOnCard" class="customer-info-label">Name on card:</label>
<input type="text" id="nameOnCard" placeholder="Joe Q. Public" class="customer-input-element cardElement"/>
</p>
<p class="aligncenter">
<label for="cardNumber" class="customer-info-label">Card Number:</label>
<input type="text" id="cardNumber" placeholder="1234 5678 9012 3456" class="cardElement customer-input-element" /> <i class="fas fa-lock golden-lock"></i>
</p>
<p class="cardbits">
<label for="expiryDate" class="customer-info-label">Expiration Date:</label>
<input type="text" id="expiryDate" placeholder="MM/YY" class="cardElement customer-input-element" />
<label for="cvv" class="customer-info-label">CVV:</label>
<input type="text" id="cvv" placeholder="123" class="cardElement customer-input-element" />
</p>
<p class="cardbits">
<label for="cardZip" class="customer-info-label">Zip:</label>
<input type="text" id="cardZip" placeholder="9XXXX" class="cardElement customer-input-element" />
</p>
</div>
<div id="cryptoWallets" class="accordion-section" style="display: none;">
<h3>Crypto Wallet Addresses</h3>
<ul style="list-style: none; padding: 0; margin: 0;">
<li>
<i class="fab fa-bitcoin"></i>
<strong>Bitcoin (BTC):</strong>
<span class="copy-address small-text" data-address="bc1q28m9z95qzfjap7tamagnhlrk8nu332l7mlyjzr" style="cursor: pointer; color: blue;">
Copy
</span>
</li>
<li>
<i class="fab fa-ethereum"></i>
<strong>Ethereum (ETH):</strong>
<span class="copy-address small-text" data-address="0xf38ab68ae630bacd769cfc34fbcf3f7c0504f97a" style="cursor: pointer; color: blue;">
Copy
</span>
</li>
<li>
<i class="fa fa-dog"></i>
<strong>Doge (DOGE):</strong>
<span class="copy-address small-text" data-address="DKx7uayMeVmd8Zuy3PgGSRB8XjUVt3ndeT" style="cursor: pointer; color: blue;">
Copy
</span>
</li>
<li>
<i class="fa fa-wallet"></i>
<strong>Litecoin (LTC):</strong>
<span class="copy-address small-text" data-address="ltc1q97cz898tgwqh23j44kf5nsaggg84j2vw666jqr" style="cursor: pointer; color: blue;">
Copy
</span>
</li>
</ul>
<!-- Temporary Copy Confirmation Message -->
<div id="copyMessage" class="small-text" style="display: none; color: green; font-weight: bold; margin-top: 10px;"></div>
</div>
</div>
<div id="CODHelp" class="accordion-section" style="display: none;">
<h3><i class="fas fa-money-bill-wave"></i> Cash On Delivery (COD)</h3>
<p>
Enjoy the simplest and most private way to pay for your order with <strong>Cash On Delivery</strong>.
No need to create an account or share sensitive financial details—just have your cash ready when your order arrives.
</p>
<p>
After placing your order, check your email for the order status. If you have any questions or need assistance,
feel free to call us at <strong>(833)289-3627</strong>.
</p>
</div>
<div id="generalHelp" class="accordion-section" style="display: none;">
<h3><i class="fas fa-phone-alt"></i> Peer-to-Peer Payment</h3>
<p>
These systems allow individuals to transfer money directly to one another using a smartphone app or online interface.
They are designed for convenient and fast transfers between users, often with minimal or no fees for basic transactions.
After placing your order, check your email for order status. Peer-to-peer payments can be handled over the phone or directly with the driver
when your order arrives.
Feel free to call us at (833)289-3627 for assistance.
</p>
</div>
<!-- Submit Button -->
<button id="checkoutButton">Checkout</button>
</div>
</form>
</div>
<div id="hoverModal" class="modal">
<div class="modal-content">
<p>Add items to the cart and fill out delivery info. No account necessary!</p>
</div>
</div>
<?php //include 'inc/php/shop.php'; ?>
</div>
<footer class="doapfooter">
<div>
<div class="discover-other-awesome-places">
<h3>Discover Other Awesome Places</h3>
<div id="aboutmsg" class="footerstuff">
<div class="footerparagraph">
If you're someone who values premium quality and exceptional value, then
<span class="marvel-font-bold">DOAP</span> is tailor-made for you.
We've taken care of the taxes and delivery fees. Also, no need to go through the hassle of registration -
all you have to do is confirm that you're over 21 when your order arrives!
Our efficient delivery system ensures that your order will be with you in no time, usually within an hour.
</div>
</div>
<div class="zip-form-container"> </div>
</div>
<strong>DevOps & Platforms</strong> -
<a href="https://devopsandplatforms.com" target="_blank" class="footer-link">devopsandplatforms.com</a>
</div>
<div>
<a href="https://github.com/menached/doap.com" target="_blank" class="githublink">
Explore the project on GitHub
</a>
</div>
<div class="footer-note">
© <span id="year"></span> DevOps & Platforms. All rights reserved.
</div>
<div id="agencyIdDisplay"></div>
<div id="flying-text-container" style="position: fixed; top: 0; left: 0; width: 100%; pointer-events: none;"></div>
</footer>
<div id="notification-modal" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background: white; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-radius: 8px; z-index: 1000;">
<p id="notification-message" style="margin: 0; padding: 0; font-size: 1rem;"></p>
<button id="close-notification" style="margin-top: 10px; padding: 5px 10px; font-size: 1rem;">OK</button>
</div>
<div id="sendingOrderModal" class="modal">
<div class="modal-content">
<p>Sending your order...</p>
</div>
</div>
<!-- Floating Modal -->
<div id="floatingModal" style="display: none;">
<a href="#cartAnchor" id="cartLink">0 Items in Cart</a>
<div id="cartThumbnails"></div> <!-- Container for thumbnails -->
</div>
<div id="flying-leaf-container"></div>
<div id="productModal" class="product-modal" style="display:none;">
<div class="product-modal-content">