A-One Design System
x
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
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
<div data-controller="session"
     data-session-logged-in-value="false"
     data-session-hidden-class="tw:hidden">
  <nav class="consumer-header" aria-label="Site header">
    <a class="consumer-header-logo" href="/" aria-label="ApplicaaOne home">
      <svg width="351" height="64" viewBox="0 0 351 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ApplicaaOne">
        <path d="M120.314 1.58716L115.301 49.289H122.522L127.44 2.49103C127.491 2.00789 127.112 1.58716 126.627 1.58716H120.314Z" fill="url(#paint0_linear_75_4)"/>
        <path d="M132.438 3.14298C131.456 3.99062 130.904 5.03901 130.77 6.28816C130.647 7.49269 130.982 8.54109 131.78 9.43334C132.627 10.281 133.653 10.7048 134.858 10.7048C136.152 10.7048 137.267 10.281 138.204 9.43334C139.191 8.54109 139.743 7.53731 139.871 6.28816C139.999 5.03901 139.665 3.99062 138.862 3.14298C138.103 2.29534 137.077 1.87153 135.783 1.87153C134.579 1.87153 133.464 2.29534 132.438 3.14298Z" fill="url(#paint1_linear_75_4)"/>
        <path d="M136.665 18.5287H130.486L127.251 49.289H134.339L137.479 19.4326C137.529 18.9495 137.15 18.5287 136.665 18.5287Z" fill="url(#paint2_linear_75_4)"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M200.064 18.5232H193.952L193.359 24.1665C192.506 22.327 191.323 20.8687 189.809 19.7946C188.025 18.5008 185.889 17.854 183.257 17.854C180.625 17.854 178.082 18.5008 175.628 19.7946C173.219 21.0382 171.2 22.8673 169.566 25.2764C167.938 27.6408 166.945 30.5127 166.588 33.9033C166.237 37.2492 166.622 40.1212 167.754 42.5302C168.886 44.9337 170.52 46.7851 172.656 48.0789C174.842 49.328 177.295 49.9526 179.883 49.9526C182.47 49.9526 184.79 49.3057 186.842 48.012C188.583 46.9428 190.073 45.4855 191.311 43.6435L190.718 49.2834H197.739L200.878 19.4271C200.929 18.9439 200.55 18.5232 200.064 18.5232ZM174.791 39.1843C174.1 37.7177 173.86 35.9555 174.078 33.9033C174.29 31.8567 174.897 30.0945 175.901 28.6223C176.905 27.1501 178.137 26.0348 179.598 25.2764C181.104 24.518 182.682 24.1387 184.333 24.1387C185.716 24.1387 187.032 24.518 188.292 25.2764C189.597 26.0348 190.595 27.1501 191.287 28.6223C192.029 30.0443 192.291 31.8121 192.068 33.9033C191.845 35.9945 191.214 37.779 190.166 39.2512C189.173 40.6788 187.941 41.7718 186.48 42.5302C185.063 43.2886 183.664 43.6678 182.281 43.6678C180.63 43.6678 179.136 43.2886 177.786 42.5302C176.481 41.7718 175.483 40.6565 174.791 39.1843Z" fill="url(#paint3_linear_75_4)"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M234.762 18.5232H228.65L228.056 24.1665C227.204 22.327 226.02 20.8687 224.506 19.7946C222.722 18.5008 220.586 17.854 217.954 17.854C215.322 17.854 212.779 18.5008 210.325 19.7946C207.922 21.0382 205.897 22.8673 204.264 25.2764C202.635 27.6408 201.643 30.5127 201.286 33.9033C200.934 37.2492 201.325 40.1212 202.451 42.5302C203.583 44.9337 205.217 46.7851 207.353 48.0789C209.539 49.328 211.993 49.9526 214.58 49.9526C217.168 49.9526 219.488 49.3057 221.54 48.012C223.28 46.9428 224.771 45.4855 226.008 43.6435L225.415 49.2834H232.436L235.576 19.4271C235.626 18.9439 235.248 18.5232 234.762 18.5232ZM209.489 39.1843C208.797 37.7177 208.557 35.9555 208.775 33.9033C208.987 31.8567 209.595 30.0945 210.598 28.6223C211.602 27.1501 212.835 26.0348 214.296 25.2764C215.801 24.518 217.38 24.1387 219.03 24.1387C220.413 24.1387 221.729 24.518 222.99 25.2764C224.294 26.0348 225.293 27.1501 225.984 28.6223C226.726 30.0443 226.988 31.8121 226.765 33.9033C226.542 35.9945 225.912 37.779 224.863 39.2512C223.871 40.6788 222.638 41.7718 221.177 42.5302C219.761 43.2886 218.361 43.6678 216.978 43.6678C215.327 43.6678 213.833 43.2886 212.483 42.5302C211.178 41.7718 210.18 40.6565 209.489 39.1843Z" fill="url(#paint4_linear_75_4)"/>
        <path d="M146.033 33.9089C145.827 35.8718 146.072 37.5894 146.764 39.056C147.461 40.4836 148.476 41.6213 149.814 42.4689C151.197 43.3165 152.781 43.7404 154.56 43.7404C156.032 43.7404 157.46 43.5173 158.843 43.0712C160.226 42.625 161.475 42.0005 162.584 41.1974C163.694 40.3944 164.547 39.5022 165.138 38.5207L164.302 46.4784C163.12 47.5491 161.581 48.3968 159.69 49.0214C157.8 49.6459 155.759 49.9582 153.573 49.9582C150.405 49.9582 147.623 49.289 145.225 47.9507C142.871 46.5677 141.087 44.6716 139.871 42.2681C138.7 39.8145 138.282 37.0318 138.611 33.9089C138.94 30.786 139.949 27.9587 141.628 25.5496C143.351 23.1406 145.531 21.2724 148.169 19.934C150.857 18.5511 153.779 17.8596 156.947 17.8596C159.133 17.8596 161.107 18.1718 162.869 18.7964C164.338 19.3172 165.528 19.9931 166.44 20.8242C166.781 21.1358 166.923 21.6017 166.875 22.0616L166.114 29.2971C165.73 28.271 165.044 27.3787 164.057 26.6203C163.114 25.8173 161.999 25.1927 160.711 24.7466C159.423 24.3005 158.062 24.0774 156.634 24.0774C154.85 24.0774 153.177 24.5012 151.621 25.3489C150.104 26.1965 148.844 27.3564 147.846 28.8286C146.842 30.3009 146.245 31.9961 146.039 33.9089H146.033Z" fill="url(#paint5_linear_75_4)"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M78.7911 63.9999H86.0797L88.1587 44.2161C88.9541 45.8277 90.0203 47.1384 91.3551 48.1458C93.1842 49.4396 95.3702 50.0864 98.0414 50.0864C100.713 50.0864 103.255 49.4619 105.659 48.2127C108.068 46.9245 110.092 45.0731 111.726 42.664C113.366 40.2104 114.364 37.2938 114.721 33.9033C115.078 30.4681 114.693 27.5516 113.567 25.1425C112.44 22.739 110.801 20.9099 108.659 19.6607C106.518 18.367 104.07 17.7201 101.438 17.7201C98.8054 17.7201 96.4409 18.3893 94.3386 19.7277C92.7955 20.7004 91.4574 21.9853 90.3266 23.5871L90.7638 19.427C90.8146 18.9439 90.4357 18.5231 89.9499 18.5231H83.5702L78.7911 63.9999ZM106.512 28.6892C107.209 30.1112 107.449 31.8511 107.232 33.9033C107.02 35.9499 106.412 37.7121 105.408 39.1843C104.415 40.6119 103.161 41.7049 101.655 42.4633C100.194 43.1771 98.6213 43.534 96.9261 43.534C95.5487 43.534 94.2214 43.1771 92.9611 42.4633C91.7008 41.7049 90.7026 40.6119 89.961 39.1843C89.2639 37.7622 89.0297 35.9945 89.2472 33.9033C89.4646 31.8121 90.0725 30.0499 91.0707 28.6223C92.1135 27.1947 93.3404 26.124 94.7512 25.4102C96.1677 24.6518 97.5674 24.2726 98.9504 24.2726C100.646 24.2726 102.14 24.6518 103.445 25.4102C104.8 26.124 105.821 27.217 106.512 28.6892Z" fill="url(#paint6_linear_75_4)"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M51.3824 63.9999H44.0938L45.6398 49.289H36.8499L32.7439 37.2492H15.4922L8.8946 49.289H0L24.8744 5.49073H29.309C29.7699 5.49073 30.1811 5.78036 30.3364 6.21435L45.6635 49.0628L48.8729 18.5231H55.2526C55.7384 18.5231 56.1173 18.9439 56.0665 19.427L55.6293 23.5871C56.7601 21.9853 58.0982 20.7004 59.6412 19.7277C61.7436 18.3893 64.1081 17.7201 66.7402 17.7201C69.3723 17.7201 71.8204 18.367 73.9618 19.6607C76.1032 20.9099 77.7427 22.739 78.8692 25.1425C79.9957 27.5516 80.3804 30.4681 80.0235 33.9033C79.6666 37.2938 78.6684 40.2104 77.0289 42.664C75.395 45.0731 73.3707 46.9245 70.9617 48.2127C68.5582 49.4619 66.0152 50.0864 63.3441 50.0864C60.6729 50.0864 58.4869 49.4396 56.6578 48.1458C55.3191 47.1387 54.2552 45.8284 53.4613 44.2174L51.3824 63.9999ZM72.5342 33.9033C72.7517 31.8511 72.5119 30.1112 71.8149 28.6892C71.1234 27.217 70.1029 26.124 68.7478 25.4102C67.4428 24.6518 65.9483 24.2726 64.2531 24.2726C62.8701 24.2726 61.4704 24.6518 60.0539 25.4102C58.643 26.124 57.4162 27.1947 56.3734 28.6223C55.3752 30.0499 54.7673 31.8121 54.5499 33.9033C54.3324 35.9945 54.5666 37.7622 55.2636 39.1843C56.0053 40.6119 57.0035 41.7049 58.2638 42.4633C59.5241 43.1771 60.8514 43.534 62.2288 43.534C63.924 43.534 65.4966 43.1771 66.9577 42.4633C68.4634 41.7049 69.7181 40.6119 70.7107 39.1843C71.7145 37.7121 72.3223 35.9499 72.5342 33.9033ZM26.3994 15.7182L31.1747 30.5629H18.4857L26.3994 15.7182Z" fill="url(#paint7_linear_75_4)"/>
        <path fill-rule="evenodd" clip-rule="evenodd" d="M333.212 49.9583C330.089 49.9583 327.396 49.2892 325.132 47.9508C322.912 46.6124 321.278 44.7387 320.241 42.3352C319.198 39.9261 318.852 37.1211 319.187 33.909C319.522 30.6969 320.475 27.825 322.02 25.4159C323.609 23.0069 325.678 21.161 328.221 19.8673C330.769 18.5289 333.669 17.8597 336.926 17.8597C340.183 17.8597 342.882 18.4843 345.023 19.7334C347.164 20.9826 348.715 22.7894 349.668 25.1483C350.672 27.4681 351.001 30.2731 350.655 33.5744C350.616 33.9313 350.555 34.3105 350.471 34.712C350.413 35.2385 349.96 35.582 349.43 35.582H326.392C326.385 36.9934 326.557 38.2413 326.91 39.3294C327.418 40.8463 328.277 42.0062 329.487 42.8092C330.742 43.6122 332.303 44.0137 334.177 44.0137C336.05 44.0137 337.896 43.6122 339.452 42.8092C341.008 42.0062 342.363 40.7793 343.517 39.1287L349.468 41.6716C347.572 44.4376 345.28 46.5065 342.592 47.8894C339.904 49.2724 336.781 49.9639 333.212 49.9639V49.9583ZM328.165 28.0313C327.743 28.8065 327.392 29.6748 327.111 30.6356H343.111C343.157 29.3206 342.954 28.1615 342.503 27.1614C342.006 25.9569 341.214 25.02 340.121 24.3508C339.078 23.6816 337.796 23.347 336.279 23.347C334.45 23.347 332.849 23.7485 331.472 24.5516C330.095 25.3546 328.991 26.5145 328.165 28.0313Z" fill="url(#paint8_linear_75_4)"/>
        <path d="M309.049 25.4159C309.863 26.5703 310.153 28.2879 309.913 30.5631L309.919 30.5687L307.95 49.2947H315.373L317.425 29.7656C317.815 26.0628 317.202 23.1686 315.596 21.0718C313.99 18.9304 311.452 17.8597 307.973 17.8597C305.831 17.8597 303.935 18.3058 302.279 19.1981C300.673 20.0903 299.279 21.451 298.108 23.2801L298.509 19.4379C298.56 18.9549 298.181 18.5345 297.696 18.5345H291.382L288.148 49.2947H295.37L297.338 30.5687C297.483 29.1857 297.901 27.9811 298.587 26.9551C299.279 25.8844 300.165 25.0813 301.247 24.546C302.335 23.966 303.545 23.676 304.883 23.676C306.846 23.676 308.235 24.256 309.049 25.4159Z" fill="url(#paint9_linear_75_4)"/>
        <g clip-path="url(#clip0_75_4)">
          <path d="M273.662 8.38179C271.106 4.32342 267.837 1.72827 264.983 0.0938721C277.957 1.17611 288.155 12.0426 288.16 25.3C288.16 29.524 287.117 33.4995 285.289 37.0002C282.451 39.1261 277.648 41.7985 271.216 42.0304C269.574 42.0886 268.013 41.9829 266.552 41.7633C272.006 40.1805 276.622 35.6286 278.282 29.4329C279.476 24.9779 278.921 20.4948 277.053 16.8038C276.501 14.1816 275.473 11.2587 273.662 8.38179Z" fill="url(#paint10_linear_75_4)"/>
          <path d="M247.41 21.2231C244.996 30.351 249.914 39.5823 258.417 41.8607C261.164 42.5969 263.95 42.5173 266.546 41.765C268.006 41.9836 269.564 42.0885 271.205 42.0304C277.637 41.7985 282.44 39.126 285.278 37.0002C281.055 45.0783 272.602 50.5999 262.852 50.5999C255.84 50.5999 249.496 47.7453 244.914 43.1347C243.821 40.0647 242.286 33.6873 244.859 26.4319C245.55 24.4805 246.435 22.746 247.41 21.2231Z" fill="url(#paint11_linear_75_4)"/>
          <path d="M247.407 21.2365C246.436 22.7559 245.554 24.4857 244.864 26.4319C242.292 33.6873 243.826 40.0647 244.92 43.1347C240.37 38.5629 237.56 32.2572 237.56 25.3C237.56 11.3248 248.884 0 262.857 0C263.575 0 264.282 0.0331296 264.983 0.0938672C267.837 1.72826 271.106 4.32341 273.668 8.37627C275.485 11.2623 276.514 14.1961 277.064 16.8254C275.098 12.9274 271.67 9.90966 267.291 8.7362C258.771 6.45285 249.877 12.017 247.426 21.1641C247.419 21.1883 247.413 21.2124 247.407 21.2365Z" fill="url(#paint12_linear_75_4)"/>
        </g>
        <defs>
          <linearGradient id="paint0_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint1_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint2_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint3_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint4_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint5_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint6_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint7_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint8_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint9_linear_75_4" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
            <stop stop-color="#1D379E"/>
            <stop offset="1" stop-color="#35A7E7"/>
          </linearGradient>
          <linearGradient id="paint10_linear_75_4" x1="267.605" y1="9.59102" x2="275.767" y2="41.6049" gradientUnits="userSpaceOnUse">
            <stop stop-color="#41B7E2"/>
            <stop offset="0.3" stop-color="#35A7E7"/>
            <stop offset="0.94" stop-color="#2664BB"/>
            <stop offset="1" stop-color="#2664BB"/>
          </linearGradient>
          <linearGradient id="paint11_linear_75_4" x1="274.28" y1="35.2719" x2="243.363" y2="32.7877" gradientUnits="userSpaceOnUse">
            <stop stop-color="#41B7E2"/>
            <stop offset="0.3" stop-color="#35A7E7"/>
            <stop offset="0.94" stop-color="#2664BB"/>
            <stop offset="1" stop-color="#2664BB"/>
          </linearGradient>
          <linearGradient id="paint12_linear_75_4" x1="251.092" y1="32.7872" x2="271.799" y2="6.00954" gradientUnits="userSpaceOnUse">
            <stop stop-color="#41B7E2"/>
            <stop offset="0.3" stop-color="#35A7E7"/>
            <stop offset="0.94" stop-color="#2664BB"/>
            <stop offset="1" stop-color="#2664BB"/>
          </linearGradient>
          <clipPath id="clip0_75_4">
            <rect width="50.6" height="50.6" fill="white" transform="translate(237.56)"/>
          </clipPath>
        </defs>
      </svg>
    </a>
    <div class="consumer-header-promo"><span class="consumer-header-promo-pill"><i class="fa-solid fa-fire" aria-hidden="true"></i> What's hot right now?</span><a class="consumer-header-promo-text" href="#">Free Webinar: Choosing Your A-level Subjects <i class="fa-light fa-chevron-down tw:text-xs" aria-hidden="true"></i></a></div>
    <div class="consumer-header-actions">
      <div data-session-target="loggedOutOnly">
        <div class="tw:flex tw:items-center tw:gap-2">
          <button type="button"
          class="consumer-cta consumer-cta-secondary"
          data-action="click->session#logIn">
            Log In
          </button>
          <button type="button"
          class="consumer-cta consumer-cta-primary"
          data-action="click->session#signUp">
            Sign up
          </button>
        </div>
      </div>
      <div data-session-target="loggedInOnly" class="tw:hidden">
        <div class="consumer-header-user">
          <a href="/lookbook/inspect/templates/account/shortlist"
     class="consumer-header-user-btn"
     aria-label="My shortlist">
            <i class="fa-regular fa-bookmark" aria-hidden="true"></i>
          </a>
          <a href="#"
     class="consumer-header-user-btn"
     aria-label="Matching hub">
            <i class="fa-regular fa-wand-magic-sparkles" aria-hidden="true"></i>
          </a>
          <a href="/lookbook/inspect/templates/account/profile"
     class="consumer-header-user-btn"
     aria-label="My profile">
            <i class="fa-regular fa-bars" aria-hidden="true"></i>
          </a>
        </div>
      </div>
    </div>
  </nav>
  <nav class="consumer-topnav" aria-label="Consumer search navigation">
    <ul class="consumer-topnav-list">
      <li>
        <a href="#"
           class="consumer-topnav-item active"
           aria-current="page">
          <i class="consumer-topnav-item-icon fa-light fa-school" aria-hidden="true"></i>
          Search Providers
        </a>
      </li>
      <li>
        <a href="#"
           class="consumer-topnav-item"
           >
          <i class="consumer-topnav-item-icon fa-light fa-book-open-cover" aria-hidden="true"></i>
          Search Courses
        </a>
      </li>
      <li>
        <a href="#"
           class="consumer-topnav-item"
           >
          <i class="consumer-topnav-item-icon fa-light fa-calendar-days" aria-hidden="true"></i>
          Search Events
        </a>
      </li>
      <li>
        <a href="#"
           class="consumer-topnav-item"
           >
          <i class="consumer-topnav-item-icon fa-light fa-briefcase" aria-hidden="true"></i>
          Explore Careers
        </a>
      </li>
    </ul>
  </nav>
</div>
<div data-controller="tabs">
  <header class="profile-header consumer-hero-wash">
    <div class="tw:px-[24px]">
      <nav class="tw:pt-4" aria-label="Breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">School Profile</li>
        </ol>
      </nav>
      <div class="profile-header-main">
        <div class="profile-header-logo">
          <span class="tw:text-primary tw:font-bold tw:text-[24px]">GH</span>
        </div>
        <div class="profile-header-identity">
          <h1 class="profile-header-title">Greenford High School</h1>
          <div class="profile-header-verified-row">
            <span class="badge badge-success-subtle"><i class="fa-regular fa-circle-check" aria-hidden="true"></i> Verified Profile</span>
            <span class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-secondary-500">Applicaa<span class="tw:text-primary">One</span></span>
          </div>
        </div>
        <a class="profile-header-map" href="#" aria-label="View Greenford High School in map">
          <span class="profile-header-map-chip"><i class="fa-regular fa-location-dot" aria-hidden="true"></i> View in map</span>
        </a>
        <ul class="profile-header-contact">
          <li class="profile-header-contact-row">
            <i class="fa-regular fa-phone" aria-hidden="true"></i>
            <a href="tel:02085789152">02085789152</a>
          </li>
          <li class="profile-header-contact-row">
            <i class="fa-regular fa-envelope" aria-hidden="true"></i>
            <a href="mailto:admin@greenford.ealing.sch.uk">admin@greenford.ealing.sch.uk</a>
          </li>
          <li class="profile-header-contact-row">
            <i class="fa-regular fa-location-dot" aria-hidden="true"></i>
            <span>Lady Margaret Rd, Southall UB1 2GU</span>
          </li>
        </ul>
      </div>
      <div class="profile-header-tabs">
        <div class="tabs" role="tablist">
          <button class="tab" role="tab" aria-selected="true" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Overview</button>
          <button class="tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Reviews</button>
          <button class="tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Courses</button>
          <button class="tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Events</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Admissions Process</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Alumni Stories</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Extracurricular Activities</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Academic Performance</button>
          <button class="tab" role="tab" aria-selected="false" type="button">FAQs</button>
        </div>
      </div>
    </div>
  </header>
  <section class="tw:bg-background tw:py-6">
    <div class="tw:px-[24px]">
      <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:items-start">
        <div class="tw:lg:col-span-2 tw:min-w-0">
          <div>
            <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
              <div class="tw:space-y-4">
                <div class="card">
                  <div class="card-body">
                    <h2 class="h4 tw:mb-3">Welcome to Greenford High School</h2>
                    <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-5 tw:gap-4 tw:mb-4" data-controller="collapsible">
                      <div class="tw:md:col-span-3">
                        <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-2">Your choice of course at Post 16 is one of the most important decisions you will make in your life; it can help to determine your university, your career, your future.</p>
                        <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-2">We have years of experience of getting students into the best universities and on to the most appropriate courses, which is why we currently have over 600 students choosing us to help them achieve their very best…</p>
                        <div class="collapsible-content" data-collapsible-target="content" id="welcome-more">
                          <div class="tw:overflow-hidden">
                            <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-2">Our dedicated sixth-form team supports every student with personal tutoring, university application guidance, and a wide programme of enrichment activities, from Duke of Edinburgh awards to national debating competitions.</p>
                          </div>
                        </div>
                        <button type="button" class="tw:bg-transparent tw:border-0 tw:p-0 tw:text-link tw:hover:text-link-hover tw:text-body-s tw:leading-body-s tw:font-semibold tw:cursor-pointer"
                            data-action="click->collapsible#toggle" aria-expanded="false" aria-controls="welcome-more">
                          Show full message
                        </button>
                      </div>
                      <div class="tw:md:col-span-2">
                        <div class="tw:relative tw:rounded-[8px] tw:overflow-hidden tw:bg-neutral-900 tw:aspect-video tw:flex tw:items-center tw:justify-center">
                          <button type="button" class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center tw:bg-transparent tw:border-0 tw:cursor-pointer" aria-label="Play school welcome video">
                            <i class="fa-solid fa-circle-play tw:text-white tw:text-[40px]" aria-hidden="true"></i>
                          </button>
                          <span class="tw:absolute tw:bottom-2 tw:left-2 tw:px-2 tw:py-0.5 tw:rounded-[4px] tw:bg-black/60 tw:text-white tw:text-body-xs tw:leading-body-xs">00:16 / 01:32:54</span>
                        </div>
                      </div>
                    </div>
                    <div class="tw:grid tw:grid-cols-2 tw:md:grid-cols-4 tw:gap-3">
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-bed" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">Boarding Type</span>
                          <span class="stat-value">No Boarder</span>
                        </span>
                      </div>
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-school" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">School Type</span>
                          <span class="stat-value">Foundation School</span>
                        </span>
                      </div>
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-children" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">Suitable Ages</span>
                          <span class="stat-value">11 to 19</span>
                        </span>
                      </div>
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-venus-mars" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">Gender</span>
                          <span class="stat-value">Mixed</span>
                        </span>
                      </div>
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-users" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">No. of Students</span>
                          <span class="stat-value">2,015 Total</span>
                        </span>
                      </div>
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-person" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">No. of Boys</span>
                          <span class="stat-value">1,013 (50.3%)</span>
                        </span>
                      </div>
                      <div class="stat stat-chip">
                        <span class="stat-icon"><i class="fa-regular fa-person-dress" aria-hidden="true"></i></span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="stat-label">No. of Girls</span>
                          <span class="stat-value">1,002 (49.7%)</span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="card">
                  <div class="card-body">
                    <h2 class="h4 tw:mb-4">Academic Excellence</h2>
                    <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:gap-4">
                      <div class="card card-positive">
                        <div class="card-body">
                          <div class="tw:flex tw:items-start tw:justify-between tw:gap-2">
                            <div>
                              <h3 class="h5 tw:mb-0">GCSE Results</h3>
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-3">Latest Examination</p>
                            </div>
                            <span class="tw:flex tw:items-center tw:justify-center tw:size-[40px] tw:rounded-full tw:bg-green-600 tw:text-white tw:shrink-0">
                              <i class="fa-regular fa-medal" aria-hidden="true"></i>
                            </span>
                          </div>
                          <p class="tw:text-heading-1 tw:leading-heading-1 tw:font-bold tw:text-neutral-900 tw:mb-1">28%</p>
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-0">Students achieving A*/A grades (9/8/7)</p>
                        </div>
                      </div>
                      <div class="card card-highlight">
                        <div class="card-body">
                          <div class="tw:flex tw:items-start tw:justify-between tw:gap-2">
                            <div>
                              <h3 class="h5 tw:mb-0">A-Level Results</h3>
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-3">Sixth Form Performance</p>
                            </div>
                            <span class="tw:flex tw:items-center tw:justify-center tw:size-[40px] tw:rounded-full tw:bg-blue-500 tw:text-white tw:shrink-0">
                              <i class="fa-regular fa-arrow-trend-up" aria-hidden="true"></i>
                            </span>
                          </div>
                          <dl class="tw:m-0">
                            <div class="tw:flex tw:justify-between tw:items-baseline tw:py-1.5 tw:border-0 tw:border-b tw:border-blue-200">
                              <dt class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">A* grades</dt>
                              <dd class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-neutral-900 tw:m-0">5%</dd>
                            </div>
                            <div class="tw:flex tw:justify-between tw:items-baseline tw:py-1.5">
                              <dt class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">A*/A grades</dt>
                              <dd class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-neutral-900 tw:m-0">22%</dd>
                            </div>
                          </dl>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="card">
                  <div class="card-body">
                    <h2 class="h4 tw:mb-1">Term Dates & Half-Term Holidays</h2>
                    <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-4">Planning ahead for school holidays 2025? Below are the Ealing term dates and the half-term dates 2024/25.</p>
                    <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-3 tw:gap-4 tw:mb-6">
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-4">
                        <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                          <h3 class="h5 tw:mb-0">Autumn</h3>
                          <span class="badge badge-warning-subtle">2 terms</span>
                        </div>
                        <dl class="tw:m-0 tw:space-y-2">
                          <div class="tw:flex tw:justify-between tw:gap-2">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 1</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Sep 2 – Oct 25</dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 2</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Nov 4 – Dec 20</dd>
                          </div>
                        </dl>
                      </div>
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-4">
                        <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                          <h3 class="h5 tw:mb-0">Spring</h3>
                          <span class="badge badge-warning-subtle">2 terms</span>
                        </div>
                        <dl class="tw:m-0 tw:space-y-2">
                          <div class="tw:flex tw:justify-between tw:gap-2">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 1</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Jan 6 – Feb 14</dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 2</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Feb 24 – Apr 4</dd>
                          </div>
                        </dl>
                      </div>
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-4">
                        <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                          <h3 class="h5 tw:mb-0">Summer</h3>
                          <span class="badge badge-warning-subtle">2 terms</span>
                        </div>
                        <dl class="tw:m-0 tw:space-y-2">
                          <div class="tw:flex tw:justify-between tw:gap-2">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 1</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Apr 22 – May 23</dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 2</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Jun 2 – Jul 25</dd>
                          </div>
                        </dl>
                      </div>
                    </div>
                    <h3 class="h5 tw:mb-3">Term Dates & Half-Term Holidays</h3>
                    <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:md:grid-cols-3 tw:gap-3">
                      <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                          <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                        </span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                          <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                        </span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                          <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                        </span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                          <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                        </span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                          <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                        </span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                          <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                        </span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                          <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                        </span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                          <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                        </span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                          <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                        </span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                          <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                        </span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                          <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                        </span>
                        <span class="tw:flex tw:flex-col tw:gap-[2px]">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                          <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="card">
                  <div class="card-body">
                    <h2 class="h4 tw:mb-1">School Catchment</h2>
                    <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-1">Geographic zones determining school admissions, ensuring equitable access & community engagement.</p>
                    <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-4">The Results for Greenford High School are as shown below:</p>
                    <div class="tw:flex tw:items-center tw:gap-6 tw:flex-wrap">
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <div class="donut-stat donut-stat-sm donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="70" role="img" aria-label="70% of pupils are from within 0.52 miles">
                          <span class="donut-stat-value">70%</span>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700">Pupils are from<br>
                          within 0.52 miles</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <div class="donut-stat donut-stat-sm" data-controller="donut-stat" data-donut-stat-value-value="10" role="img" aria-label="10% of pupils are from 0.52 – 0.6 miles">
                          <span class="donut-stat-value">10%</span>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700">Pupils are from<br>
                          0.52 – 0.6 miles</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <div class="donut-stat donut-stat-sm donut-stat-orange" data-controller="donut-stat" data-donut-stat-value-value="10" role="img" aria-label="10% of pupils are from 0.6 – 1.01 miles">
                          <span class="donut-stat-value">10%</span>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700">Pupils are from<br>
                          0.6 – 1.01 miles</span>
                      </div>
                      <span class="tw:ml-auto tw:flex tw:items-center tw:justify-center tw:size-[64px] tw:rounded-full tw:bg-state-info-bg tw:text-primary" aria-hidden="true">
                        <i class="fa-regular fa-bullseye-arrow tw:text-[24px]"></i>
                      </span>
                    </div>
                  </div>
                </div>
                <div class="card">
                  <div class="card-body">
                    <h2 class="h4 tw:mb-4">Leavers' Destinations</h2>
                    <div class="tw:grid tw:grid-cols-1 tw:xl:grid-cols-2 tw:gap-6">
                      <div>
                        <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                          <h3 class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-link tw:m-0">Destinations after GCSEs</h3>
                          <a href="#" class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-link tw:hover:text-link-hover">View Details</a>
                        </div>
                        <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:gap-3 tw:mb-4">
                          <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                            <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">Staying in education</p>
                            <div class="tw:flex tw:justify-center tw:gap-4">
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="92" role="img" aria-label="School: 92%">
                                  <span class="donut-stat-value">92%</span>
                                </div>
                                <span class="donut-stat-caption">School</span>
                              </div>
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="89" role="img" aria-label="England: 89%">
                                  <span class="donut-stat-value">89%</span>
                                </div>
                                <span class="donut-stat-caption">England</span>
                              </div>
                            </div>
                          </div>
                          <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                            <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">Apprenticeships</p>
                            <div class="tw:flex tw:justify-center tw:gap-4">
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="2" role="img" aria-label="School: 2%">
                                  <span class="donut-stat-value">2%</span>
                                </div>
                                <span class="donut-stat-caption">School</span>
                              </div>
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="2" role="img" aria-label="England: 2%">
                                  <span class="donut-stat-value">2%</span>
                                </div>
                                <span class="donut-stat-caption">England</span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <dl class="tw:m-0">
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Further education</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">School sixth form</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">74%</strong> England: <strong class="tw:text-magenta-600">38%</strong></dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Sixth form college</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">NA</strong> England: <strong class="tw:text-magenta-600">13%</strong></dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Other education destinations</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">1%</strong> England: <strong class="tw:text-magenta-600">2%</strong></dd>
                          </div>
                        </dl>
                      </div>
                      <div>
                        <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                          <h3 class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-link tw:m-0">Destinations after A-Levels</h3>
                        </div>
                        <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:gap-3 tw:mb-4">
                          <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                            <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">UK higher education</p>
                            <div class="tw:flex tw:justify-center tw:gap-4">
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="87" role="img" aria-label="School: 87%">
                                  <span class="donut-stat-value">87%</span>
                                </div>
                                <span class="donut-stat-caption">School</span>
                              </div>
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="62" role="img" aria-label="England: 62%">
                                  <span class="donut-stat-value">62%</span>
                                </div>
                                <span class="donut-stat-caption">England</span>
                              </div>
                            </div>
                          </div>
                          <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                            <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">Higher Apprenticeships</p>
                            <div class="tw:flex tw:justify-center tw:gap-4">
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="1" role="img" aria-label="School: 1%">
                                  <span class="donut-stat-value">1%</span>
                                </div>
                                <span class="donut-stat-caption">School</span>
                              </div>
                              <div class="tw:flex tw:flex-col tw:items-center">
                                <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="2" role="img" aria-label="England: 2%">
                                  <span class="donut-stat-value">2%</span>
                                </div>
                                <span class="donut-stat-caption">England</span>
                              </div>
                            </div>
                          </div>
                        </div>
                        <dl class="tw:m-0">
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Higher education or training</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">90%</strong> England: <strong class="tw:text-magenta-600">66%</strong></dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Top 3rd of higher education institutions</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">…of which Russell Group</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                          </div>
                          <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5">
                            <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">…of which Oxford/Cambridge</dt>
                            <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                          </div>
                        </dl>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="card">
                  <div class="card-body">
                    <h2 class="h4 tw:mb-4">FAQs</h2>
                    <div class="accordion" id="school-faqs" data-controller="accordion">
                      <div class="accordion-item active" data-accordion-target="item">
                        <button class="accordion-header" id="faq-header-1" type="button"
                            aria-expanded="true" aria-controls="faq-panel-1"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">How many subjects can I study?</span>
                          <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                        </button>
                        <div class="accordion-collapse show" id="faq-panel-1" role="region" aria-labelledby="faq-header-1" data-accordion-target="panel">
                          <div class="accordion-body">
                            <div class="accordion-body-inner">
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Most students will choose 3 A-levels or BTEC qualifications. Three good grades at A-level is the entry requirement for the majority of universities, so for many students the best approach will be to focus on three subjects only. As an additional option, you can also take an Extended Project Qualification, equivalent to half an A-Level.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item" data-accordion-target="item">
                        <button class="accordion-header" id="faq-header-2" type="button"
                            aria-expanded="false" aria-controls="faq-panel-2"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">If I'm unsure about which subjects I would like to study, can I apply or should I wait?</span>
                          <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                        </button>
                        <div class="accordion-collapse" id="faq-panel-2" role="region" aria-labelledby="faq-header-2" data-accordion-target="panel">
                          <div class="accordion-body">
                            <div class="accordion-body-inner">
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Apply now — you can change your subject choices right up until enrolment day. Applying early secures your place, and our admissions team will arrange a guidance meeting to help you settle on the right combination.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item" data-accordion-target="item">
                        <button class="accordion-header" id="faq-header-3" type="button"
                            aria-expanded="false" aria-controls="faq-panel-3"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">What happens if I don't get the GCSE results I need for the course I want to do?</span>
                          <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                        </button>
                        <div class="accordion-collapse" id="faq-panel-3" role="region" aria-labelledby="faq-header-3" data-accordion-target="panel">
                          <div class="accordion-body">
                            <div class="accordion-body-inner">
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Don't worry — on results day our advisers will meet with you to review your options. That may mean a different subject combination, a one-year GCSE resit programme, or an alternative qualification route that still leads to your goal.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item" data-accordion-target="item">
                        <button class="accordion-header" id="faq-header-4" type="button"
                            aria-expanded="false" aria-controls="faq-panel-4"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">What is enrolment day?</span>
                          <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                        </button>
                        <div class="accordion-collapse" id="faq-panel-4" role="region" aria-labelledby="faq-header-4" data-accordion-target="panel">
                          <div class="accordion-body">
                            <div class="accordion-body-inner">
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Enrolment day is when you confirm your place after GCSE results. You'll bring your results, finalise your subject choices with a senior tutor, and complete registration — it usually takes under an hour.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item" data-accordion-target="item">
                        <button class="accordion-header" id="faq-header-5" type="button"
                            aria-expanded="false" aria-controls="faq-panel-5"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                          <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">How will my lessons be different from GCSE?</span>
                          <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                        </button>
                        <div class="accordion-collapse" id="faq-panel-5" role="region" aria-labelledby="faq-header-5" data-accordion-target="panel">
                          <div class="accordion-body">
                            <div class="accordion-body-inner">
                              <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Classes are smaller and more discussion-based, with greater emphasis on independent study. You'll have fewer subjects but go much deeper into each one, supported by a personal tutor throughout.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
              <div class="card tw:mb-4">
                <div class="card-body">
                  <div class="tw:grid tw:grid-cols-3 tw:gap-6 tw:items-start">
                    <div class="tw:col-span-1 tw:text-center">
                      <div class="tw:text-[40px] tw:font-bold tw:text-neutral-900 tw:leading-tight">4.5</div>
                      <div class="stars stars-lg" aria-label="4.5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-light fa-star" aria-hidden="true"></i>
                      </div>
                      <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:mt-2 tw:mb-0">Based on 248 reviews</p>
                    </div>
                    <div class="tw:col-span-2 tw:space-y-2">
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">5★</span>
                        <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                          <div class="tw:h-full tw:bg-yellow-500 tw:w-[65%]"></div>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">65%</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">4★</span>
                        <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                          <div class="tw:h-full tw:bg-yellow-500 tw:w-[23%]"></div>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">23%</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">3★</span>
                        <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                          <div class="tw:h-full tw:bg-yellow-500 tw:w-[8%]"></div>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">8%</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">2★</span>
                        <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                          <div class="tw:h-full tw:bg-yellow-500 tw:w-[3%]"></div>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">3%</span>
                      </div>
                      <div class="tw:flex tw:items-center tw:gap-3">
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">1★</span>
                        <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                          <div class="tw:h-full tw:bg-yellow-500 tw:w-[1%]"></div>
                        </div>
                        <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">1%</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="tw:space-y-4">
                <article class="review-card">
                  <div class="review-card-header">
                    <div class="review-card-avatar">SJ</div>
                    <div class="review-card-identity">
                      <p class="review-card-name tw:mb-0">
                        Sarah J., Year 13 Student
                        <span class="review-card-time">3 weeks ago</span>
                      </p>
                      <p class="review-card-recommended tw:mb-0">
                        <i class="fa-solid fa-thumbs-up" aria-hidden="true"></i>
                        Recommended
                      </p>
                    </div>
                  </div>
                  <p class="review-card-body">
                    The teaching quality is exceptional, especially for STEM subjects. The Further Maths department prepared me brilliantly for Oxbridge interviews. Highly recommend.
                  </p>
                  <div class="review-card-stats">
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Teaching Quality</span>
                      <div class="stars stars-sm" aria-label="5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Student Support</span>
                      <div class="stars stars-sm" aria-label="5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Campus & Facilities</span>
                      <div class="stars stars-sm" aria-label="5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Extracurricular</span>
                      <div class="stars stars-sm" aria-label="4 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-light fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                  </div>
                </article>
                <article class="review-card">
                  <div class="review-card-header">
                    <div class="review-card-avatar">MT</div>
                    <div class="review-card-identity">
                      <p class="review-card-name tw:mb-0">
                        Mark T., Year 12 Parent
                        <span class="review-card-time">1 month ago</span>
                      </p>
                      <p class="review-card-recommended tw:mb-0">
                        <i class="fa-solid fa-thumbs-up" aria-hidden="true"></i>
                        Recommended
                      </p>
                    </div>
                  </div>
                  <p class="review-card-body">
                    My daughter has thrived here. The pastoral support is genuinely caring and the academic ambition matches every student's individual goals.
                  </p>
                  <div class="review-card-stats">
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Teaching Quality</span>
                      <div class="stars stars-sm" aria-label="5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Student Support</span>
                      <div class="stars stars-sm" aria-label="5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Campus & Facilities</span>
                      <div class="stars stars-sm" aria-label="4.5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star-half-stroke" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Extracurricular</span>
                      <div class="stars stars-sm" aria-label="4 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-light fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                  </div>
                </article>
                <article class="review-card">
                  <div class="review-card-header">
                    <div class="review-card-avatar">PK</div>
                    <div class="review-card-identity">
                      <p class="review-card-name tw:mb-0">
                        Priya K., Year 13 Student
                        <span class="review-card-time">2 months ago</span>
                      </p>
                      <p class="review-card-recommended tw:mb-0">
                        <i class="fa-solid fa-thumbs-up" aria-hidden="true"></i>
                        Recommended
                      </p>
                    </div>
                  </div>
                  <p class="review-card-body">
                    Top-tier teaching and resources. The downside is the campus can feel crowded at lunch — bring a packed lunch if you don't want to queue!
                  </p>
                  <div class="review-card-stats">
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Teaching Quality</span>
                      <div class="stars stars-sm" aria-label="4 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-light fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Student Support</span>
                      <div class="stars stars-sm" aria-label="4 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-light fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Campus & Facilities</span>
                      <div class="stars stars-sm" aria-label="4 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-light fa-star" aria-hidden="true"></i>
                      </div>
                    </div>
                    <div class="review-card-stat">
                      <span class="review-card-stat-label">Extracurricular</span>
                      <div class="stars stars-sm" aria-label="4.5 out of 5 stars">
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star" aria-hidden="true"></i>
                        <i class="fa-solid fa-star-half-stroke" aria-hidden="true"></i>
                      </div>
                    </div>
                  </div>
                </article>
              </div>
            </div>
            <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
              <h2 class="h4 tw:mb-4">Courses offered (5)</h2>
              <div class="tw:space-y-3">
                <article class="course-card">
                  <div class="course-card-logo">
                    <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
                  </div>
                  <div class="course-card-body">
                    <h3 class="course-card-title">A-Level Further Mathematics</h3>
                    <p class="course-card-meta">Greenford High School · EDEXCEL · 2 years</p>
                    <div class="course-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="course-card-eligibility">
                    <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
                  </div>
                </article>
                <article class="course-card">
                  <div class="course-card-logo">
                    <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
                  </div>
                  <div class="course-card-body">
                    <h3 class="course-card-title">A-Level Computer Science</h3>
                    <p class="course-card-meta">Greenford High School · OCR · 2 years</p>
                    <div class="course-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="course-card-eligibility">
                    <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
                  </div>
                </article>
                <article class="course-card">
                  <div class="course-card-logo">
                    <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
                  </div>
                  <div class="course-card-body">
                    <h3 class="course-card-title">A-Level Physics</h3>
                    <p class="course-card-meta">Greenford High School · AQA · 2 years</p>
                    <div class="course-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="course-card-eligibility">
                    <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
                  </div>
                </article>
                <article class="course-card">
                  <div class="course-card-logo">
                    <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
                  </div>
                  <div class="course-card-body">
                    <h3 class="course-card-title">A-Level Chemistry</h3>
                    <p class="course-card-meta">Greenford High School · AQA · 2 years</p>
                    <div class="course-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="course-card-eligibility">
                    <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
                  </div>
                </article>
                <article class="course-card">
                  <div class="course-card-logo">
                    <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
                  </div>
                  <div class="course-card-body">
                    <h3 class="course-card-title">A-Level Biology</h3>
                    <p class="course-card-meta">Greenford High School · AQA · 2 years</p>
                    <div class="course-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="course-card-eligibility">
                    <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
                  </div>
                </article>
              </div>
            </div>
            <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
              <h2 class="h4 tw:mb-4">Upcoming events (3)</h2>
              <div class="tw:space-y-3">
                <article class="event-listing-card">
                  <div class="event-listing-card-body">
                    <div class="event-listing-card-meta-row">
                      <span><i class="fa-light fa-calendar" aria-hidden="true"></i>Sat 12 Apr 2026</span>
                      <span><i class="fa-light fa-clock" aria-hidden="true"></i>9:00 – 13:00</span>
                      <span><i class="fa-light fa-building" aria-hidden="true"></i>In person</span>
                    </div>
                    <h3 class="event-listing-card-title">Sixth Form Open Day</h3>
                    <p class="event-listing-card-venue">Greenford High School · Lady Margaret Rd, Southall UB1 2GU</p>
                    <div class="event-listing-card-audience">
                      <span><i class="fa-light fa-users" aria-hidden="true"></i>Year 11 students + parents</span>
                      <span><i class="fa-light fa-ticket" aria-hidden="true"></i>Booking open</span>
                      <span><i class="fa-light fa-car" aria-hidden="true"></i>Free parking</span>
                    </div>
                    <div class="event-listing-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="event-listing-card-image">
                    <div class="tw:w-full tw:h-full tw:flex tw:items-center tw:justify-center tw:text-primary tw:font-bold tw:text-[32px]">GH</div>
                  </div>
                </article>
                <article class="event-listing-card">
                  <div class="event-listing-card-body">
                    <div class="event-listing-card-meta-row">
                      <span><i class="fa-light fa-calendar" aria-hidden="true"></i>Wed 16 Apr 2026</span>
                      <span><i class="fa-light fa-clock" aria-hidden="true"></i>17:00 – 19:00</span>
                      <span><i class="fa-light fa-video" aria-hidden="true"></i>Online</span>
                    </div>
                    <h3 class="event-listing-card-title">Virtual Information Evening</h3>
                    <p class="event-listing-card-venue">Greenford High School · Zoom (link sent on registration)</p>
                    <div class="event-listing-card-audience">
                      <span><i class="fa-light fa-users" aria-hidden="true"></i>Year 10 & 11 students + parents</span>
                      <span><i class="fa-light fa-ticket" aria-hidden="true"></i>Registration required</span>
                    </div>
                    <div class="event-listing-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="event-listing-card-image">
                    <div class="tw:w-full tw:h-full tw:flex tw:items-center tw:justify-center tw:text-primary tw:font-bold tw:text-[32px]">GH</div>
                  </div>
                </article>
                <article class="event-listing-card">
                  <div class="event-listing-card-body">
                    <div class="event-listing-card-meta-row">
                      <span><i class="fa-light fa-calendar" aria-hidden="true"></i>Sat 26 Apr 2026</span>
                      <span><i class="fa-light fa-clock" aria-hidden="true"></i>10:00 – 15:00</span>
                      <span><i class="fa-light fa-building" aria-hidden="true"></i>In person</span>
                    </div>
                    <h3 class="event-listing-card-title">Subject Taster Day</h3>
                    <p class="event-listing-card-venue">Greenford High School · Lady Margaret Rd, Southall UB1 2GU</p>
                    <div class="event-listing-card-audience">
                      <span><i class="fa-light fa-users" aria-hidden="true"></i>Year 11 applicants only</span>
                      <span><i class="fa-light fa-ticket" aria-hidden="true"></i>Booking open</span>
                      <span><i class="fa-light fa-utensils" aria-hidden="true"></i>Lunch provided</span>
                    </div>
                    <div class="event-listing-card-footer">
                      <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                      <span class="card-divider"></span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                    </div>
                  </div>
                  <div class="event-listing-card-image">
                    <div class="tw:w-full tw:h-full tw:flex tw:items-center tw:justify-center tw:text-primary tw:font-bold tw:text-[32px]">GH</div>
                  </div>
                </article>
              </div>
            </div>
          </div>
        </div>
        <aside class="tw:lg:col-span-1 tw:space-y-4">
          <div class="sticky-cta">
            <h2 class="sticky-cta-title">Ready to Apply?</h2>
            <p class="sticky-cta-meta tw:mb-0">96 students applied in this quarter</p>
            <div class="sticky-cta-action">
              <button class="btn btn-primary btn-block" type="button" aria-label="Quick apply to Greenford High School">
                <i class="fa-regular fa-rocket-launch tw:mr-2" aria-hidden="true"></i>Quick Apply
              </button>
            </div>
            <div class="sticky-cta-actions">
              <button class="sticky-cta-btn" type="button">Shortlist</button>
              <button class="sticky-cta-btn" type="button">Compare</button>
            </div>
          </div>
          <div class="card">
            <div class="card-body">
              <div class="tw:flex tw:items-center tw:justify-between tw:gap-2 tw:mb-4">
                <h2 class="h5 tw:mb-0">About School</h2>
                <div class="tw:flex tw:gap-1.5">
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on TikTok"><i class="fa-brands fa-tiktok tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on Facebook"><i class="fa-brands fa-facebook-f tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on Instagram"><i class="fa-brands fa-instagram tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on X"><i class="fa-brands fa-x-twitter tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School website"><i class="fa-regular fa-globe tw:text-link" aria-hidden="true"></i></a>
                </div>
              </div>
              <dl class="tw:m-0 tw:space-y-0">
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Region</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">London</dd>
                </div>
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Courses</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">30+</dd>
                </div>
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Local Authority</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Ealing</dd>
                </div>
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Ofsted Rating</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Outstanding</dd>
                </div>
              </dl>
            </div>
          </div>
          <div class="card">
            <div class="card-body">
              <h2 class="h5 tw:mb-2">Rating</h2>
              <p class="tw:flex tw:items-center tw:gap-2 tw:mb-4">
                <span class="tw:text-heading-2 tw:leading-heading-2 tw:font-bold tw:text-primary">4.7</span>
                <span class="stars" aria-hidden="true"><i class="fa-solid fa-star"></i></span>
                <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Performance Rating</span>
              </p>
              <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:gap-3 tw:mb-4">
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Quality of Education</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Behaviour & Attitudes</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Personal Development</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Leadership & Management</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
              <button class="btn btn-info btn-block" type="button">
                <i class="fa-regular fa-pen-to-square tw:mr-2" aria-hidden="true"></i>Write a Review
              </button>
            </div>
          </div>
        </aside>
      </div>
    </div>
  </section>
</div>
<footer class="consumer-footer-site">
  <div class="consumer-footer-site-inner">
    <div class="consumer-footer-site-grid">
      <div>
        <span class="consumer-footer-site-brand-logo"><svg role="img" aria-label="ApplicaaOne" width="351" height="64" viewBox="0 0 351 64" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M120.314 1.58716L115.301 49.289H122.522L127.44 2.49103C127.491 2.00789 127.112 1.58716 126.627 1.58716H120.314Z" fill="url(#paint0_linear_118_764)"/>
            <path d="M132.438 3.14298C131.456 3.99062 130.904 5.03901 130.77 6.28816C130.647 7.49269 130.982 8.54109 131.78 9.43334C132.627 10.281 133.653 10.7048 134.858 10.7048C136.152 10.7048 137.267 10.281 138.204 9.43334C139.191 8.54109 139.743 7.53731 139.871 6.28816C139.999 5.03901 139.665 3.99062 138.862 3.14298C138.103 2.29534 137.077 1.87153 135.783 1.87153C134.579 1.87153 133.464 2.29534 132.438 3.14298Z" fill="url(#paint1_linear_118_764)"/>
            <path d="M136.665 18.5287H130.486L127.251 49.289H134.339L137.479 19.4326C137.529 18.9495 137.15 18.5287 136.665 18.5287Z" fill="url(#paint2_linear_118_764)"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M200.064 18.5232H193.952L193.359 24.1665C192.506 22.327 191.323 20.8687 189.809 19.7946C188.025 18.5008 185.889 17.854 183.257 17.854C180.625 17.854 178.082 18.5008 175.628 19.7946C173.219 21.0382 171.2 22.8673 169.566 25.2764C167.938 27.6408 166.945 30.5127 166.588 33.9033C166.237 37.2492 166.622 40.1212 167.754 42.5302C168.886 44.9337 170.52 46.7851 172.656 48.0789C174.842 49.328 177.295 49.9526 179.883 49.9526C182.47 49.9526 184.79 49.3057 186.842 48.012C188.583 46.9428 190.073 45.4855 191.311 43.6435L190.718 49.2834H197.739L200.878 19.4271C200.929 18.9439 200.55 18.5232 200.064 18.5232ZM174.791 39.1843C174.1 37.7177 173.86 35.9555 174.078 33.9033C174.29 31.8567 174.897 30.0945 175.901 28.6223C176.905 27.1501 178.137 26.0348 179.598 25.2764C181.104 24.518 182.682 24.1387 184.333 24.1387C185.716 24.1387 187.032 24.518 188.292 25.2764C189.597 26.0348 190.595 27.1501 191.287 28.6223C192.029 30.0443 192.291 31.8121 192.068 33.9033C191.845 35.9945 191.214 37.779 190.166 39.2512C189.173 40.6788 187.941 41.7718 186.48 42.5302C185.063 43.2886 183.664 43.6678 182.281 43.6678C180.63 43.6678 179.136 43.2886 177.786 42.5302C176.481 41.7718 175.483 40.6565 174.791 39.1843Z" fill="url(#paint3_linear_118_764)"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M234.762 18.5232H228.65L228.056 24.1665C227.204 22.327 226.02 20.8687 224.506 19.7946C222.722 18.5008 220.586 17.854 217.954 17.854C215.322 17.854 212.779 18.5008 210.325 19.7946C207.922 21.0382 205.897 22.8673 204.264 25.2764C202.635 27.6408 201.643 30.5127 201.286 33.9033C200.934 37.2492 201.325 40.1212 202.451 42.5302C203.583 44.9337 205.217 46.7851 207.353 48.0789C209.539 49.328 211.993 49.9526 214.58 49.9526C217.168 49.9526 219.488 49.3057 221.54 48.012C223.28 46.9428 224.771 45.4855 226.008 43.6435L225.415 49.2834H232.436L235.576 19.4271C235.626 18.9439 235.248 18.5232 234.762 18.5232ZM209.489 39.1843C208.797 37.7177 208.557 35.9555 208.775 33.9033C208.987 31.8567 209.595 30.0945 210.598 28.6223C211.602 27.1501 212.835 26.0348 214.296 25.2764C215.801 24.518 217.38 24.1387 219.03 24.1387C220.413 24.1387 221.729 24.518 222.99 25.2764C224.294 26.0348 225.293 27.1501 225.984 28.6223C226.726 30.0443 226.988 31.8121 226.765 33.9033C226.542 35.9945 225.912 37.779 224.863 39.2512C223.871 40.6788 222.638 41.7718 221.177 42.5302C219.761 43.2886 218.361 43.6678 216.978 43.6678C215.327 43.6678 213.833 43.2886 212.483 42.5302C211.178 41.7718 210.18 40.6565 209.489 39.1843Z" fill="url(#paint4_linear_118_764)"/>
            <path d="M146.033 33.9089C145.827 35.8718 146.072 37.5894 146.764 39.056C147.461 40.4836 148.476 41.6213 149.814 42.4689C151.197 43.3165 152.781 43.7404 154.56 43.7404C156.032 43.7404 157.46 43.5173 158.843 43.0712C160.226 42.625 161.475 42.0005 162.584 41.1974C163.694 40.3944 164.547 39.5022 165.138 38.5207L164.302 46.4784C163.12 47.5491 161.581 48.3968 159.69 49.0214C157.8 49.6459 155.759 49.9582 153.573 49.9582C150.405 49.9582 147.623 49.289 145.225 47.9507C142.871 46.5677 141.087 44.6716 139.871 42.2681C138.7 39.8145 138.282 37.0318 138.611 33.9089C138.94 30.786 139.949 27.9587 141.628 25.5496C143.351 23.1406 145.531 21.2724 148.169 19.934C150.857 18.5511 153.779 17.8596 156.947 17.8596C159.133 17.8596 161.107 18.1718 162.869 18.7964C164.338 19.3172 165.528 19.9931 166.44 20.8242C166.781 21.1358 166.923 21.6017 166.875 22.0616L166.114 29.2971C165.73 28.271 165.044 27.3787 164.057 26.6203C163.114 25.8173 161.999 25.1927 160.711 24.7466C159.423 24.3005 158.062 24.0774 156.634 24.0774C154.85 24.0774 153.177 24.5012 151.621 25.3489C150.104 26.1965 148.844 27.3564 147.846 28.8286C146.842 30.3009 146.245 31.9961 146.039 33.9089H146.033Z" fill="url(#paint5_linear_118_764)"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M78.7911 63.9999H86.0797L88.1587 44.2161C88.9541 45.8277 90.0203 47.1384 91.3551 48.1458C93.1842 49.4396 95.3702 50.0864 98.0414 50.0864C100.713 50.0864 103.255 49.4619 105.659 48.2127C108.068 46.9245 110.092 45.0731 111.726 42.664C113.366 40.2104 114.364 37.2938 114.721 33.9033C115.078 30.4681 114.693 27.5516 113.567 25.1425C112.44 22.739 110.801 20.9099 108.659 19.6607C106.518 18.367 104.07 17.7201 101.438 17.7201C98.8054 17.7201 96.4409 18.3893 94.3386 19.7277C92.7955 20.7004 91.4574 21.9853 90.3266 23.5871L90.7638 19.427C90.8146 18.9439 90.4357 18.5231 89.9499 18.5231H83.5702L78.7911 63.9999ZM106.512 28.6892C107.209 30.1112 107.449 31.8511 107.232 33.9033C107.02 35.9499 106.412 37.7121 105.408 39.1843C104.415 40.6119 103.161 41.7049 101.655 42.4633C100.194 43.1771 98.6213 43.534 96.9261 43.534C95.5487 43.534 94.2214 43.1771 92.9611 42.4633C91.7008 41.7049 90.7026 40.6119 89.961 39.1843C89.2639 37.7622 89.0297 35.9945 89.2472 33.9033C89.4646 31.8121 90.0725 30.0499 91.0707 28.6223C92.1135 27.1947 93.3404 26.124 94.7512 25.4102C96.1677 24.6518 97.5674 24.2726 98.9504 24.2726C100.646 24.2726 102.14 24.6518 103.445 25.4102C104.8 26.124 105.821 27.217 106.512 28.6892Z" fill="url(#paint6_linear_118_764)"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M51.3824 63.9999H44.0938L45.6398 49.289H36.8499L32.7439 37.2492H15.4922L8.8946 49.289H0L24.8744 5.49073H29.309C29.7699 5.49073 30.1811 5.78036 30.3364 6.21435L45.6635 49.0628L48.8729 18.5231H55.2526C55.7384 18.5231 56.1173 18.9439 56.0665 19.427L55.6293 23.5871C56.7601 21.9853 58.0982 20.7004 59.6412 19.7277C61.7436 18.3893 64.1081 17.7201 66.7402 17.7201C69.3723 17.7201 71.8204 18.367 73.9618 19.6607C76.1032 20.9099 77.7427 22.739 78.8692 25.1425C79.9957 27.5516 80.3804 30.4681 80.0235 33.9033C79.6666 37.2938 78.6684 40.2104 77.0289 42.664C75.395 45.0731 73.3707 46.9245 70.9617 48.2127C68.5582 49.4619 66.0152 50.0864 63.3441 50.0864C60.6729 50.0864 58.4869 49.4396 56.6578 48.1458C55.3191 47.1387 54.2552 45.8284 53.4613 44.2174L51.3824 63.9999ZM72.5342 33.9033C72.7517 31.8511 72.5119 30.1112 71.8149 28.6892C71.1234 27.217 70.1029 26.124 68.7478 25.4102C67.4428 24.6518 65.9483 24.2726 64.2531 24.2726C62.8701 24.2726 61.4704 24.6518 60.0539 25.4102C58.643 26.124 57.4162 27.1947 56.3734 28.6223C55.3752 30.0499 54.7673 31.8121 54.5499 33.9033C54.3324 35.9945 54.5666 37.7622 55.2636 39.1843C56.0053 40.6119 57.0035 41.7049 58.2638 42.4633C59.5241 43.1771 60.8514 43.534 62.2288 43.534C63.924 43.534 65.4966 43.1771 66.9577 42.4633C68.4634 41.7049 69.7181 40.6119 70.7107 39.1843C71.7145 37.7121 72.3223 35.9499 72.5342 33.9033ZM26.3994 15.7182L31.1747 30.5629H18.4857L26.3994 15.7182Z" fill="url(#paint7_linear_118_764)"/>
            <path fill-rule="evenodd" clip-rule="evenodd" d="M333.212 49.9583C330.089 49.9583 327.396 49.2892 325.132 47.9508C322.912 46.6124 321.278 44.7387 320.241 42.3352C319.198 39.9261 318.852 37.1211 319.187 33.909C319.522 30.6969 320.475 27.825 322.02 25.4159C323.609 23.0069 325.678 21.161 328.221 19.8673C330.769 18.5289 333.669 17.8597 336.926 17.8597C340.183 17.8597 342.882 18.4843 345.023 19.7334C347.164 20.9826 348.715 22.7894 349.668 25.1483C350.672 27.4681 351.001 30.2731 350.655 33.5744C350.616 33.9313 350.555 34.3105 350.471 34.712C350.413 35.2385 349.96 35.582 349.43 35.582H326.392C326.385 36.9934 326.557 38.2413 326.91 39.3294C327.418 40.8463 328.277 42.0062 329.487 42.8092C330.742 43.6122 332.303 44.0137 334.177 44.0137C336.05 44.0137 337.896 43.6122 339.452 42.8092C341.008 42.0062 342.363 40.7793 343.517 39.1287L349.468 41.6716C347.572 44.4376 345.28 46.5065 342.592 47.8894C339.904 49.2724 336.781 49.9639 333.212 49.9639V49.9583ZM328.165 28.0313C327.743 28.8065 327.392 29.6748 327.111 30.6356H343.111C343.157 29.3206 342.954 28.1615 342.503 27.1614C342.006 25.9569 341.214 25.02 340.121 24.3508C339.078 23.6816 337.796 23.347 336.279 23.347C334.45 23.347 332.849 23.7485 331.472 24.5516C330.095 25.3546 328.991 26.5145 328.165 28.0313Z" fill="url(#paint8_linear_118_764)"/>
            <path d="M309.049 25.4159C309.863 26.5703 310.153 28.2879 309.913 30.5631L309.919 30.5687L307.95 49.2947H315.373L317.425 29.7656C317.815 26.0628 317.202 23.1686 315.596 21.0718C313.99 18.9304 311.452 17.8597 307.973 17.8597C305.831 17.8597 303.935 18.3058 302.279 19.1981C300.673 20.0903 299.279 21.451 298.108 23.2801L298.509 19.4379C298.56 18.9549 298.181 18.5345 297.696 18.5345H291.382L288.148 49.2947H295.37L297.338 30.5687C297.483 29.1857 297.901 27.9811 298.587 26.9551C299.279 25.8844 300.165 25.0813 301.247 24.546C302.335 23.966 303.545 23.676 304.883 23.676C306.846 23.676 308.235 24.256 309.049 25.4159Z" fill="url(#paint9_linear_118_764)"/>
            <g clip-path="url(#clip0_118_764)">
              <path d="M273.662 8.38179C271.105 4.32342 267.837 1.72827 264.983 0.0938721C277.957 1.17611 288.154 12.0426 288.16 25.3C288.16 29.524 287.116 33.4995 285.289 37.0002C282.451 39.1261 277.648 41.7985 271.216 42.0304C269.573 42.0886 268.013 41.9829 266.552 41.7633C272.006 40.1805 276.622 35.6286 278.282 29.4329C279.475 24.9779 278.92 20.4948 277.053 16.8038C276.501 14.1816 275.473 11.2587 273.662 8.38179Z" fill="url(#paint10_linear_118_764)"/>
              <path d="M247.41 21.2233C244.996 30.3511 249.914 39.5824 258.417 41.8608C261.164 42.597 263.95 42.5174 266.546 41.7651C268.006 41.9837 269.564 42.0886 271.205 42.0305C277.637 41.7986 282.44 39.1262 285.278 37.0003C281.055 45.0784 272.602 50.6 262.852 50.6C255.84 50.6 249.496 47.7454 244.914 43.1348C243.821 40.0648 242.286 33.6874 244.859 26.432C245.55 24.4806 246.435 22.7462 247.41 21.2233Z" fill="url(#paint11_linear_118_764)"/>
              <path d="M247.407 21.2365C246.436 22.7559 245.554 24.4857 244.864 26.4319C242.292 33.6873 243.826 40.0647 244.92 43.1347C240.37 38.5629 237.56 32.2572 237.56 25.3C237.56 11.3248 248.884 0 262.857 0C263.575 0 264.282 0.0331296 264.983 0.0938672C267.837 1.72826 271.106 4.32341 273.668 8.37627C275.485 11.2623 276.514 14.1961 277.064 16.8254C275.098 12.9274 271.67 9.90966 267.291 8.7362C258.771 6.45285 249.877 12.017 247.426 21.1641C247.419 21.1883 247.413 21.2124 247.407 21.2365Z" fill="url(#paint12_linear_118_764)"/>
            </g>
            <defs>
              <linearGradient id="paint0_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint1_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint2_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint3_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint4_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint5_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint6_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint7_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint8_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint9_linear_118_764" x1="168.669" y1="41.9882" x2="265.921" y2="25.5256" gradientUnits="userSpaceOnUse">
                <stop stop-color="white"/>
                <stop offset="1" stop-color="#4DB5EF"/>
              </linearGradient>
              <linearGradient id="paint10_linear_118_764" x1="267.605" y1="9.59102" x2="275.767" y2="41.6049" gradientUnits="userSpaceOnUse">
                <stop stop-color="#41B7E2"/>
                <stop offset="0.3" stop-color="#35A7E7"/>
                <stop offset="0.94" stop-color="#2664BB"/>
                <stop offset="1" stop-color="#2664BB"/>
              </linearGradient>
              <linearGradient id="paint11_linear_118_764" x1="274.28" y1="35.272" x2="243.363" y2="32.7878" gradientUnits="userSpaceOnUse">
                <stop stop-color="#41B7E2"/>
                <stop offset="0.3" stop-color="#35A7E7"/>
                <stop offset="0.94" stop-color="#2664BB"/>
                <stop offset="1" stop-color="#2664BB"/>
              </linearGradient>
              <linearGradient id="paint12_linear_118_764" x1="251.092" y1="32.7872" x2="271.799" y2="6.00954" gradientUnits="userSpaceOnUse">
                <stop stop-color="#41B7E2"/>
                <stop offset="0.3" stop-color="#35A7E7"/>
                <stop offset="0.94" stop-color="#2664BB"/>
                <stop offset="1" stop-color="#2664BB"/>
              </linearGradient>
              <clipPath id="clip0_118_764">
                <rect width="50.6" height="50.6" fill="white" transform="translate(237.56)"/>
              </clipPath>
            </defs>
          </svg>
        </span>
        <p class="consumer-footer-site-tagline">
          The UK’s all-in-one platform for finding, comparing and applying to
          schools — from nursery to sixth form.
        </p>
      </div>
      <nav aria-label="Footer: Students">
        <h4 class="consumer-footer-site-col-title">
          <span class="consumer-footer-site-dot consumer-footer-site-dot-students" aria-hidden="true"></span>
          Students
        </h4>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/templates/providers/landing">Search Schools</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/templates/courses/results">Search Courses</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/templates/events/results">Search Events</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/templates/careers/results">Explore Careers</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/student_stories">Student Stories</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/advice_and_guides">Advice & Guides</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_parents">For Parents</a>
      </nav>
      <nav aria-label="Footer: Schools">
        <h4 class="consumer-footer-site-col-title">
          <span class="consumer-footer-site-dot consumer-footer-site-dot-schools" aria-hidden="true"></span>
          Schools
        </h4>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/claim_your_profile">Claim Your Profile</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/leads_and_inquiries">Leads & Inquiries</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/manage_applications">Manage Applications</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/manage_enrolment">Manage Enrolment</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/pricing">Pricing</a>
      </nav>
      <nav aria-label="Footer: Organisations">
        <h4 class="consumer-footer-site-col-title">
          <span class="consumer-footer-site-dot consumer-footer-site-dot-orgs" aria-hidden="true"></span>
          Organisations
        </h4>
        <a class="consumer-footer-site-link" href="#">For Local Authorities</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_sixth_forms">For Sixth Forms</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_fe_colleges">For FE Colleges</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_school_groups">For School Groups</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_mats">For MATs</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_careers_advisers">For Careers Advisers</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/for_nurseries">For Nurseries</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/data_and_insights">Data & Insights</a>
      </nav>
      <nav aria-label="Footer: About">
        <h4 class="consumer-footer-site-col-title">
          <span class="consumer-footer-site-dot consumer-footer-site-dot-about" aria-hidden="true"></span>
          About
        </h4>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/our_story">Our Story</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/how_it_works">How It Works</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/blog_and_advice">Blog & Advice</a>
        <a class="consumer-footer-site-link" href="/lookbook/inspect/projects/marketing/help_and_support">Help & Support</a>
      </nav>
    </div>
    <div class="consumer-footer-site-areas">
      <div class="consumer-footer-site-areas-head">
        <span class="consumer-footer-site-areas-title">Browse by Local Authority · 152 areas</span>
        <a class="consumer-footer-site-accent-link" href="#">View all areas <i class="fa-light fa-arrow-right tw:text-xs" aria-hidden="true"></i></a>
      </div>
      <nav class="consumer-footer-site-chips" aria-label="Browse by Local Authority">
        <a class="consumer-footer-site-chip" href="#">Ealing</a>
        <a class="consumer-footer-site-chip" href="#">Kent</a>
        <a class="consumer-footer-site-chip" href="#">Surrey</a>
        <a class="consumer-footer-site-chip" href="#">Birmingham</a>
        <a class="consumer-footer-site-chip" href="#">Manchester</a>
        <a class="consumer-footer-site-chip" href="#">Hampshire</a>
        <a class="consumer-footer-site-chip" href="#">Brent</a>
        <a class="consumer-footer-site-chip" href="#">Medway</a>
        <a class="consumer-footer-site-chip" href="#">Hounslow</a>
        <a class="consumer-footer-site-chip" href="#">Croydon</a>
        <a class="consumer-footer-site-chip" href="#">Leeds</a>
        <a class="consumer-footer-site-chip consumer-footer-site-chip-more" href="#">+ 141 more</a>
      </nav>
    </div>
    <div class="consumer-footer-site-bottom">
      <span>© 2026 ApplicaaOne · Part of the Applicaa Group</span>
      <span class="tw:inline-flex tw:items-center tw:gap-2">
        <a class="consumer-footer-site-link tw:inline-block" href="#" aria-label="ApplicaaOne on Twitter">Twitter</a>
        <a class="consumer-footer-site-link tw:inline-block" href="#" aria-label="ApplicaaOne on LinkedIn">LinkedIn</a>
        <a class="consumer-footer-site-link tw:inline-block" href="#" aria-label="ApplicaaOne on Instagram">Instagram</a>
        <a class="consumer-footer-site-link tw:inline-block" href="#" aria-label="ApplicaaOne on TikTok">TikTok</a>
      </span>
    </div>
  </div>
</footer>
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
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
<%= render "shared/consumer_topframe_session",
           active: :providers,
           logged_in: false,
           with_topnav: true,
           promo: '<span class="consumer-header-promo-pill"><i class="fa-solid fa-fire" aria-hidden="true"></i> What\'s hot right now?</span><a class="consumer-header-promo-text" href="#">Free Webinar: Choosing Your A-level Subjects <i class="fa-light fa-chevron-down tw:text-xs" aria-hidden="true"></i></a>'.html_safe %>
<div data-controller="tabs">
  <%# Profile header (pattern: profile-header) %>
  <header class="profile-header consumer-hero-wash">
    <div class="tw:px-[24px]">
      <nav class="tw:pt-4" aria-label="Breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Home</a></li>
          <li class="breadcrumb-item active" aria-current="page">School Profile</li>
        </ol>
      </nav>
      <div class="profile-header-main">
        <div class="profile-header-logo">
          <span class="tw:text-primary tw:font-bold tw:text-[24px]">GH</span>
        </div>
        <div class="profile-header-identity">
          <h1 class="profile-header-title">Greenford High School</h1>
          <div class="profile-header-verified-row">
            <span class="badge badge-success-subtle"><i class="fa-regular fa-circle-check" aria-hidden="true"></i> Verified Profile</span>
            <span class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-secondary-500">Applicaa<span class="tw:text-primary">One</span></span>
          </div>
        </div>
        <a class="profile-header-map" href="#" aria-label="View Greenford High School in map">
          <span class="profile-header-map-chip"><i class="fa-regular fa-location-dot" aria-hidden="true"></i> View in map</span>
        </a>
        <ul class="profile-header-contact">
          <li class="profile-header-contact-row">
            <i class="fa-regular fa-phone" aria-hidden="true"></i>
            <a href="tel:02085789152">02085789152</a>
          </li>
          <li class="profile-header-contact-row">
            <i class="fa-regular fa-envelope" aria-hidden="true"></i>
            <a href="mailto:admin@greenford.ealing.sch.uk">admin@greenford.ealing.sch.uk</a>
          </li>
          <li class="profile-header-contact-row">
            <i class="fa-regular fa-location-dot" aria-hidden="true"></i>
            <span>Lady Margaret Rd, Southall UB1 2GU</span>
          </li>
        </ul>
      </div>
      <div class="profile-header-tabs">
        <div class="tabs" role="tablist">
          <button class="tab" role="tab" aria-selected="true" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Overview</button>
          <button class="tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Reviews</button>
          <button class="tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Courses</button>
          <button class="tab" role="tab" aria-selected="false" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown" type="button">Events</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Admissions Process</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Alumni Stories</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Extracurricular Activities</button>
          <button class="tab" role="tab" aria-selected="false" type="button">Academic Performance</button>
          <button class="tab" role="tab" aria-selected="false" type="button">FAQs</button>
        </div>
      </div>
    </div>
  </header>
  <%# Content: main panels + persistent rail %>
  <section class="tw:bg-background tw:py-6">
    <div class="tw:px-[24px]">
      <div class="tw:grid tw:grid-cols-1 tw:lg:grid-cols-3 tw:gap-6 tw:items-start">
        <div class="tw:lg:col-span-2 tw:min-w-0">
          <%# No .tab-content here: its mt-4 assumes a tab strip directly above,
              but the tabs live in the profile header — that margin would drop the
              column 16px below the rail. Panels toggle via data-tabs-target, not this class. %>
          <div>
        <%# OVERVIEW PANEL %>
        <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
          <div class="tw:space-y-4">
            <%# 1. Welcome card %>
            <div class="card">
              <div class="card-body">
                <h2 class="h4 tw:mb-3">Welcome to Greenford High School</h2>
                <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-5 tw:gap-4 tw:mb-4" data-controller="collapsible">
                  <div class="tw:md:col-span-3">
                    <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-2">Your choice of course at Post 16 is one of the most important decisions you will make in your life; it can help to determine your university, your career, your future.</p>
                    <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-2">We have years of experience of getting students into the best universities and on to the most appropriate courses, which is why we currently have over 600 students choosing us to help them achieve their very best…</p>
                    <div class="collapsible-content" data-collapsible-target="content" id="welcome-more">
                      <div class="tw:overflow-hidden">
                        <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-2">Our dedicated sixth-form team supports every student with personal tutoring, university application guidance, and a wide programme of enrichment activities, from Duke of Edinburgh awards to national debating competitions.</p>
                      </div>
                    </div>
                    <button type="button" class="tw:bg-transparent tw:border-0 tw:p-0 tw:text-link tw:hover:text-link-hover tw:text-body-s tw:leading-body-s tw:font-semibold tw:cursor-pointer"
                            data-action="click->collapsible#toggle" aria-expanded="false" aria-controls="welcome-more">
                      Show full message
                    </button>
                  </div>
                  <div class="tw:md:col-span-2">
                    <div class="tw:relative tw:rounded-[8px] tw:overflow-hidden tw:bg-neutral-900 tw:aspect-video tw:flex tw:items-center tw:justify-center">
                      <button type="button" class="tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center tw:bg-transparent tw:border-0 tw:cursor-pointer" aria-label="Play school welcome video">
                        <i class="fa-solid fa-circle-play tw:text-white tw:text-[40px]" aria-hidden="true"></i>
                      </button>
                      <span class="tw:absolute tw:bottom-2 tw:left-2 tw:px-2 tw:py-0.5 tw:rounded-[4px] tw:bg-black/60 tw:text-white tw:text-body-xs tw:leading-body-xs">00:16 / 01:32:54</span>
                    </div>
                  </div>
                </div>
                <%# Quick-fact chips %>
                <div class="tw:grid tw:grid-cols-2 tw:md:grid-cols-4 tw:gap-3">
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-bed" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">Boarding Type</span>
                      <span class="stat-value">No Boarder</span>
                    </span>
                  </div>
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-school" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">School Type</span>
                      <span class="stat-value">Foundation School</span>
                    </span>
                  </div>
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-children" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">Suitable Ages</span>
                      <span class="stat-value">11 to 19</span>
                    </span>
                  </div>
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-venus-mars" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">Gender</span>
                      <span class="stat-value">Mixed</span>
                    </span>
                  </div>
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-users" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">No. of Students</span>
                      <span class="stat-value">2,015 Total</span>
                    </span>
                  </div>
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-person" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">No. of Boys</span>
                      <span class="stat-value">1,013 (50.3%)</span>
                    </span>
                  </div>
                  <div class="stat stat-chip">
                    <span class="stat-icon"><i class="fa-regular fa-person-dress" aria-hidden="true"></i></span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="stat-label">No. of Girls</span>
                      <span class="stat-value">1,002 (49.7%)</span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <%# 2. Academic Excellence %>
            <div class="card">
              <div class="card-body">
                <h2 class="h4 tw:mb-4">Academic Excellence</h2>
                <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-2 tw:gap-4">
                  <div class="card card-positive">
                    <div class="card-body">
                      <div class="tw:flex tw:items-start tw:justify-between tw:gap-2">
                        <div>
                          <h3 class="h5 tw:mb-0">GCSE Results</h3>
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-3">Latest Examination</p>
                        </div>
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[40px] tw:rounded-full tw:bg-green-600 tw:text-white tw:shrink-0">
                          <i class="fa-regular fa-medal" aria-hidden="true"></i>
                        </span>
                      </div>
                      <p class="tw:text-heading-1 tw:leading-heading-1 tw:font-bold tw:text-neutral-900 tw:mb-1">28%</p>
                      <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-0">Students achieving A*/A grades (9/8/7)</p>
                    </div>
                  </div>
                  <div class="card card-highlight">
                    <div class="card-body">
                      <div class="tw:flex tw:items-start tw:justify-between tw:gap-2">
                        <div>
                          <h3 class="h5 tw:mb-0">A-Level Results</h3>
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-3">Sixth Form Performance</p>
                        </div>
                        <span class="tw:flex tw:items-center tw:justify-center tw:size-[40px] tw:rounded-full tw:bg-blue-500 tw:text-white tw:shrink-0">
                          <i class="fa-regular fa-arrow-trend-up" aria-hidden="true"></i>
                        </span>
                      </div>
                      <dl class="tw:m-0">
                        <div class="tw:flex tw:justify-between tw:items-baseline tw:py-1.5 tw:border-0 tw:border-b tw:border-blue-200">
                          <dt class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">A* grades</dt>
                          <dd class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-neutral-900 tw:m-0">5%</dd>
                        </div>
                        <div class="tw:flex tw:justify-between tw:items-baseline tw:py-1.5">
                          <dt class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">A*/A grades</dt>
                          <dd class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-neutral-900 tw:m-0">22%</dd>
                        </div>
                      </dl>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <%# 3. Term Dates & Half-Term Holidays %>
            <div class="card">
              <div class="card-body">
                <h2 class="h4 tw:mb-1">Term Dates & Half-Term Holidays</h2>
                <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-4">Planning ahead for school holidays 2025? Below are the Ealing term dates and the half-term dates 2024/25.</p>
                <div class="tw:grid tw:grid-cols-1 tw:md:grid-cols-3 tw:gap-4 tw:mb-6">
                  <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-4">
                    <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                      <h3 class="h5 tw:mb-0">Autumn</h3>
                      <span class="badge badge-warning-subtle">2 terms</span>
                    </div>
                    <dl class="tw:m-0 tw:space-y-2">
                      <div class="tw:flex tw:justify-between tw:gap-2">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 1</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Sep 2 – Oct 25</dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 2</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Nov 4 – Dec 20</dd>
                      </div>
                    </dl>
                  </div>
                  <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-4">
                    <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                      <h3 class="h5 tw:mb-0">Spring</h3>
                      <span class="badge badge-warning-subtle">2 terms</span>
                    </div>
                    <dl class="tw:m-0 tw:space-y-2">
                      <div class="tw:flex tw:justify-between tw:gap-2">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 1</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Jan 6 – Feb 14</dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 2</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Feb 24 – Apr 4</dd>
                      </div>
                    </dl>
                  </div>
                  <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-4">
                    <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                      <h3 class="h5 tw:mb-0">Summer</h3>
                      <span class="badge badge-warning-subtle">2 terms</span>
                    </div>
                    <dl class="tw:m-0 tw:space-y-2">
                      <div class="tw:flex tw:justify-between tw:gap-2">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 1</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Apr 22 – May 23</dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Half Term 2</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Jun 2 – Jul 25</dd>
                      </div>
                    </dl>
                  </div>
                </div>
                <h3 class="h5 tw:mb-3">Term Dates & Half-Term Holidays</h3>
                <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:md:grid-cols-3 tw:gap-3">
                  <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                    <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                      <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                    </span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                    </span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                    <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                      <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                    </span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                    </span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                    <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                      <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                    </span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                    </span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                    <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                      <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                    </span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                    </span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                    <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                      <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                    </span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                    </span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3 tw:rounded-[8px] tw:bg-surface-muted tw:px-3 tw:py-2.5">
                    <span class="tw:flex tw:items-center tw:justify-center tw:size-[32px] tw:rounded-[6px] tw:bg-state-info-bg tw:text-link tw:shrink-0">
                      <i class="fa-regular fa-calendar" aria-hidden="true"></i>
                    </span>
                    <span class="tw:flex tw:flex-col tw:gap-[2px]">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900">October Half Term</span>
                      <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-600">Oct 28 – Nov 1</span>
                    </span>
                  </div>
                </div>
              </div>
            </div>
            <%# 4. School Catchment %>
            <div class="card">
              <div class="card-body">
                <h2 class="h4 tw:mb-1">School Catchment</h2>
                <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-1">Geographic zones determining school admissions, ensuring equitable access & community engagement.</p>
                <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:mb-4">The Results for Greenford High School are as shown below:</p>
                <div class="tw:flex tw:items-center tw:gap-6 tw:flex-wrap">
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <div class="donut-stat donut-stat-sm donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="70" role="img" aria-label="70% of pupils are from within 0.52 miles">
                      <span class="donut-stat-value">70%</span>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700">Pupils are from<br>within 0.52 miles</span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <div class="donut-stat donut-stat-sm" data-controller="donut-stat" data-donut-stat-value-value="10" role="img" aria-label="10% of pupils are from 0.52 – 0.6 miles">
                      <span class="donut-stat-value">10%</span>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700">Pupils are from<br>0.52 – 0.6 miles</span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <div class="donut-stat donut-stat-sm donut-stat-orange" data-controller="donut-stat" data-donut-stat-value-value="10" role="img" aria-label="10% of pupils are from 0.6 – 1.01 miles">
                      <span class="donut-stat-value">10%</span>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700">Pupils are from<br>0.6 – 1.01 miles</span>
                  </div>
                  <span class="tw:ml-auto tw:flex tw:items-center tw:justify-center tw:size-[64px] tw:rounded-full tw:bg-state-info-bg tw:text-primary" aria-hidden="true">
                    <i class="fa-regular fa-bullseye-arrow tw:text-[24px]"></i>
                  </span>
                </div>
              </div>
            </div>
            <%# 5. Leavers' Destinations %>
            <div class="card">
              <div class="card-body">
                <h2 class="h4 tw:mb-4">Leavers' Destinations</h2>
                <div class="tw:grid tw:grid-cols-1 tw:xl:grid-cols-2 tw:gap-6">
                  <%# After GCSEs %>
                  <div>
                    <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                      <h3 class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-link tw:m-0">Destinations after GCSEs</h3>
                      <a href="#" class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-link tw:hover:text-link-hover">View Details</a>
                    </div>
                    <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:gap-3 tw:mb-4">
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                        <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">Staying in education</p>
                        <div class="tw:flex tw:justify-center tw:gap-4">
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="92" role="img" aria-label="School: 92%">
                              <span class="donut-stat-value">92%</span>
                            </div>
                            <span class="donut-stat-caption">School</span>
                          </div>
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="89" role="img" aria-label="England: 89%">
                              <span class="donut-stat-value">89%</span>
                            </div>
                            <span class="donut-stat-caption">England</span>
                          </div>
                        </div>
                      </div>
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                        <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">Apprenticeships</p>
                        <div class="tw:flex tw:justify-center tw:gap-4">
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="2" role="img" aria-label="School: 2%">
                              <span class="donut-stat-value">2%</span>
                            </div>
                            <span class="donut-stat-caption">School</span>
                          </div>
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="2" role="img" aria-label="England: 2%">
                              <span class="donut-stat-value">2%</span>
                            </div>
                            <span class="donut-stat-caption">England</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <dl class="tw:m-0">
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Further education</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">School sixth form</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">74%</strong> England: <strong class="tw:text-magenta-600">38%</strong></dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Sixth form college</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">NA</strong> England: <strong class="tw:text-magenta-600">13%</strong></dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Other education destinations</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0">School: <strong class="tw:text-link">1%</strong> England: <strong class="tw:text-magenta-600">2%</strong></dd>
                      </div>
                    </dl>
                  </div>
                  <%# After A-Levels %>
                  <div>
                    <div class="tw:flex tw:items-center tw:justify-between tw:mb-3">
                      <h3 class="tw:text-body-s tw:leading-body-s tw:font-bold tw:text-link tw:m-0">Destinations after A-Levels</h3>
                    </div>
                    <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:gap-3 tw:mb-4">
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                        <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">UK higher education</p>
                        <div class="tw:flex tw:justify-center tw:gap-4">
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="87" role="img" aria-label="School: 87%">
                              <span class="donut-stat-value">87%</span>
                            </div>
                            <span class="donut-stat-caption">School</span>
                          </div>
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="62" role="img" aria-label="England: 62%">
                              <span class="donut-stat-value">62%</span>
                            </div>
                            <span class="donut-stat-caption">England</span>
                          </div>
                        </div>
                      </div>
                      <div class="tw:border tw:border-line-card tw:rounded-[8px] tw:p-3">
                        <p class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:text-center tw:mb-3">Higher Apprenticeships</p>
                        <div class="tw:flex tw:justify-center tw:gap-4">
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat" data-controller="donut-stat" data-donut-stat-value-value="1" role="img" aria-label="School: 1%">
                              <span class="donut-stat-value">1%</span>
                            </div>
                            <span class="donut-stat-caption">School</span>
                          </div>
                          <div class="tw:flex tw:flex-col tw:items-center">
                            <div class="donut-stat donut-stat-magenta" data-controller="donut-stat" data-donut-stat-value-value="2" role="img" aria-label="England: 2%">
                              <span class="donut-stat-value">2%</span>
                            </div>
                            <span class="donut-stat-caption">England</span>
                          </div>
                        </div>
                      </div>
                    </div>
                    <dl class="tw:m-0">
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Higher education or training</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">90%</strong> England: <strong class="tw:text-magenta-600">66%</strong></dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">Top 3rd of higher education institutions</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">…of which Russell Group</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                      </div>
                      <div class="tw:flex tw:justify-between tw:gap-2 tw:py-2.5">
                        <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-900">…of which Oxford/Cambridge</dt>
                        <dd class="tw:text-body-s tw:leading-body-s tw:m-0 tw:shrink-0">School: <strong class="tw:text-link">17%</strong> England: <strong class="tw:text-magenta-600">36%</strong></dd>
                      </div>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <%# 6. FAQs %>
            <div class="card">
              <div class="card-body">
                <h2 class="h4 tw:mb-4">FAQs</h2>
                <div class="accordion" id="school-faqs" data-controller="accordion">
                  <div class="accordion-item active" data-accordion-target="item">
                    <button class="accordion-header" id="faq-header-1" type="button"
                            aria-expanded="true" aria-controls="faq-panel-1"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">How many subjects can I study?</span>
                      <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                    </button>
                    <div class="accordion-collapse show" id="faq-panel-1" role="region" aria-labelledby="faq-header-1" data-accordion-target="panel">
                      <div class="accordion-body">
                        <div class="accordion-body-inner">
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Most students will choose 3 A-levels or BTEC qualifications. Three good grades at A-level is the entry requirement for the majority of universities, so for many students the best approach will be to focus on three subjects only. As an additional option, you can also take an Extended Project Qualification, equivalent to half an A-Level.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item" data-accordion-target="item">
                    <button class="accordion-header" id="faq-header-2" type="button"
                            aria-expanded="false" aria-controls="faq-panel-2"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">If I'm unsure about which subjects I would like to study, can I apply or should I wait?</span>
                      <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                    </button>
                    <div class="accordion-collapse" id="faq-panel-2" role="region" aria-labelledby="faq-header-2" data-accordion-target="panel">
                      <div class="accordion-body">
                        <div class="accordion-body-inner">
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Apply now — you can change your subject choices right up until enrolment day. Applying early secures your place, and our admissions team will arrange a guidance meeting to help you settle on the right combination.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item" data-accordion-target="item">
                    <button class="accordion-header" id="faq-header-3" type="button"
                            aria-expanded="false" aria-controls="faq-panel-3"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">What happens if I don't get the GCSE results I need for the course I want to do?</span>
                      <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                    </button>
                    <div class="accordion-collapse" id="faq-panel-3" role="region" aria-labelledby="faq-header-3" data-accordion-target="panel">
                      <div class="accordion-body">
                        <div class="accordion-body-inner">
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Don't worry — on results day our advisers will meet with you to review your options. That may mean a different subject combination, a one-year GCSE resit programme, or an alternative qualification route that still leads to your goal.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item" data-accordion-target="item">
                    <button class="accordion-header" id="faq-header-4" type="button"
                            aria-expanded="false" aria-controls="faq-panel-4"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">What is enrolment day?</span>
                      <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                    </button>
                    <div class="accordion-collapse" id="faq-panel-4" role="region" aria-labelledby="faq-header-4" data-accordion-target="panel">
                      <div class="accordion-body">
                        <div class="accordion-body-inner">
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Enrolment day is when you confirm your place after GCSE results. You'll bring your results, finalise your subject choices with a senior tutor, and complete registration — it usually takes under an hour.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item" data-accordion-target="item">
                    <button class="accordion-header" id="faq-header-5" type="button"
                            aria-expanded="false" aria-controls="faq-panel-5"
                            data-accordion-target="trigger" data-action="click->accordion#toggle">
                      <span class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:flex-1">How will my lessons be different from GCSE?</span>
                      <i class="fa-solid fa-chevron-down accordion-chevron" aria-hidden="true"></i>
                    </button>
                    <div class="accordion-collapse" id="faq-panel-5" role="region" aria-labelledby="faq-header-5" data-accordion-target="panel">
                      <div class="accordion-body">
                        <div class="accordion-body-inner">
                          <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:m-0">Classes are smaller and more discussion-based, with greater emphasis on independent study. You'll have fewer subjects but go much deeper into each one, supported by a personal tutor throughout.</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div><%# /overview stack %>
        </div>
        <%# REVIEWS PANEL %>
        <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
          <%# Summary row %>
          <div class="card tw:mb-4">
            <div class="card-body">
              <div class="tw:grid tw:grid-cols-3 tw:gap-6 tw:items-start">
                <div class="tw:col-span-1 tw:text-center">
                  <div class="tw:text-[40px] tw:font-bold tw:text-neutral-900 tw:leading-tight">4.5</div>
                  <div class="stars stars-lg" aria-label="4.5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-light fa-star" aria-hidden="true"></i>
                  </div>
                  <p class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:mt-2 tw:mb-0">Based on 248 reviews</p>
                </div>
                <div class="tw:col-span-2 tw:space-y-2">
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">5★</span>
                    <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                      <div class="tw:h-full tw:bg-yellow-500 tw:w-[65%]"></div>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">65%</span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">4★</span>
                    <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                      <div class="tw:h-full tw:bg-yellow-500 tw:w-[23%]"></div>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">23%</span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">3★</span>
                    <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                      <div class="tw:h-full tw:bg-yellow-500 tw:w-[8%]"></div>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">8%</span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">2★</span>
                    <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                      <div class="tw:h-full tw:bg-yellow-500 tw:w-[3%]"></div>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">3%</span>
                  </div>
                  <div class="tw:flex tw:items-center tw:gap-3">
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-700 tw:w-8">1★</span>
                    <div class="tw:flex-1 tw:h-2 tw:bg-line-card tw:rounded-full tw:overflow-hidden">
                      <div class="tw:h-full tw:bg-yellow-500 tw:w-[1%]"></div>
                    </div>
                    <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600 tw:w-10 tw:text-right">1%</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <%# 3 review cards %>
          <div class="tw:space-y-4">
            <article class="review-card">
              <div class="review-card-header">
                <div class="review-card-avatar">SJ</div>
                <div class="review-card-identity">
                  <p class="review-card-name tw:mb-0">
                    Sarah J., Year 13 Student
                    <span class="review-card-time">3 weeks ago</span>
                  </p>
                  <p class="review-card-recommended tw:mb-0">
                    <i class="fa-solid fa-thumbs-up" aria-hidden="true"></i>
                    Recommended
                  </p>
                </div>
              </div>
              <p class="review-card-body">
                The teaching quality is exceptional, especially for STEM subjects. The Further Maths department prepared me brilliantly for Oxbridge interviews. Highly recommend.
              </p>
              <div class="review-card-stats">
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Teaching Quality</span>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Student Support</span>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Campus & Facilities</span>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Extracurricular</span>
                  <div class="stars stars-sm" aria-label="4 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-light fa-star" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </article>
            <article class="review-card">
              <div class="review-card-header">
                <div class="review-card-avatar">MT</div>
                <div class="review-card-identity">
                  <p class="review-card-name tw:mb-0">
                    Mark T., Year 12 Parent
                    <span class="review-card-time">1 month ago</span>
                  </p>
                  <p class="review-card-recommended tw:mb-0">
                    <i class="fa-solid fa-thumbs-up" aria-hidden="true"></i>
                    Recommended
                  </p>
                </div>
              </div>
              <p class="review-card-body">
                My daughter has thrived here. The pastoral support is genuinely caring and the academic ambition matches every student's individual goals.
              </p>
              <div class="review-card-stats">
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Teaching Quality</span>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Student Support</span>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Campus & Facilities</span>
                  <div class="stars stars-sm" aria-label="4.5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star-half-stroke" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Extracurricular</span>
                  <div class="stars stars-sm" aria-label="4 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-light fa-star" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </article>
            <article class="review-card">
              <div class="review-card-header">
                <div class="review-card-avatar">PK</div>
                <div class="review-card-identity">
                  <p class="review-card-name tw:mb-0">
                    Priya K., Year 13 Student
                    <span class="review-card-time">2 months ago</span>
                  </p>
                  <p class="review-card-recommended tw:mb-0">
                    <i class="fa-solid fa-thumbs-up" aria-hidden="true"></i>
                    Recommended
                  </p>
                </div>
              </div>
              <p class="review-card-body">
                Top-tier teaching and resources. The downside is the campus can feel crowded at lunch — bring a packed lunch if you don't want to queue!
              </p>
              <div class="review-card-stats">
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Teaching Quality</span>
                  <div class="stars stars-sm" aria-label="4 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-light fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Student Support</span>
                  <div class="stars stars-sm" aria-label="4 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-light fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Campus & Facilities</span>
                  <div class="stars stars-sm" aria-label="4 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-light fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div class="review-card-stat">
                  <span class="review-card-stat-label">Extracurricular</span>
                  <div class="stars stars-sm" aria-label="4.5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star" aria-hidden="true"></i>
                    <i class="fa-solid fa-star-half-stroke" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </article>
          </div>
        </div>
        <%# COURSES PANEL %>
        <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
          <h2 class="h4 tw:mb-4">Courses offered (5)</h2>
          <div class="tw:space-y-3">
            <article class="course-card">
              <div class="course-card-logo">
                <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
              </div>
              <div class="course-card-body">
                <h3 class="course-card-title">A-Level Further Mathematics</h3>
                <p class="course-card-meta">Greenford High School · EDEXCEL · 2 years</p>
                <div class="course-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="course-card-eligibility">
                <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
              </div>
            </article>
            <article class="course-card">
              <div class="course-card-logo">
                <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
              </div>
              <div class="course-card-body">
                <h3 class="course-card-title">A-Level Computer Science</h3>
                <p class="course-card-meta">Greenford High School · OCR · 2 years</p>
                <div class="course-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="course-card-eligibility">
                <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
              </div>
            </article>
            <article class="course-card">
              <div class="course-card-logo">
                <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
              </div>
              <div class="course-card-body">
                <h3 class="course-card-title">A-Level Physics</h3>
                <p class="course-card-meta">Greenford High School · AQA · 2 years</p>
                <div class="course-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="course-card-eligibility">
                <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
              </div>
            </article>
            <article class="course-card">
              <div class="course-card-logo">
                <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
              </div>
              <div class="course-card-body">
                <h3 class="course-card-title">A-Level Chemistry</h3>
                <p class="course-card-meta">Greenford High School · AQA · 2 years</p>
                <div class="course-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="course-card-eligibility">
                <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
              </div>
            </article>
            <article class="course-card">
              <div class="course-card-logo">
                <div class="tw:text-primary tw:font-bold tw:text-[22px]">GH</div>
              </div>
              <div class="course-card-body">
                <h3 class="course-card-title">A-Level Biology</h3>
                <p class="course-card-meta">Greenford High School · AQA · 2 years</p>
                <div class="course-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="course-card-eligibility">
                <span class="badge-eligibility badge-eligibility-eligible">Eligible</span>
              </div>
            </article>
          </div>
        </div>
        <%# EVENTS PANEL %>
        <div class="tab-panel" role="tabpanel" data-tabs-target="panel">
          <h2 class="h4 tw:mb-4">Upcoming events (3)</h2>
          <div class="tw:space-y-3">
            <article class="event-listing-card">
              <div class="event-listing-card-body">
                <div class="event-listing-card-meta-row">
                  <span><i class="fa-light fa-calendar" aria-hidden="true"></i>Sat 12 Apr 2026</span>
                  <span><i class="fa-light fa-clock" aria-hidden="true"></i>9:00 – 13:00</span>
                  <span><i class="fa-light fa-building" aria-hidden="true"></i>In person</span>
                </div>
                <h3 class="event-listing-card-title">Sixth Form Open Day</h3>
                <p class="event-listing-card-venue">Greenford High School · Lady Margaret Rd, Southall UB1 2GU</p>
                <div class="event-listing-card-audience">
                  <span><i class="fa-light fa-users" aria-hidden="true"></i>Year 11 students + parents</span>
                  <span><i class="fa-light fa-ticket" aria-hidden="true"></i>Booking open</span>
                  <span><i class="fa-light fa-car" aria-hidden="true"></i>Free parking</span>
                </div>
                <div class="event-listing-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="event-listing-card-image">
                <div class="tw:w-full tw:h-full tw:flex tw:items-center tw:justify-center tw:text-primary tw:font-bold tw:text-[32px]">GH</div>
              </div>
            </article>
            <article class="event-listing-card">
              <div class="event-listing-card-body">
                <div class="event-listing-card-meta-row">
                  <span><i class="fa-light fa-calendar" aria-hidden="true"></i>Wed 16 Apr 2026</span>
                  <span><i class="fa-light fa-clock" aria-hidden="true"></i>17:00 – 19:00</span>
                  <span><i class="fa-light fa-video" aria-hidden="true"></i>Online</span>
                </div>
                <h3 class="event-listing-card-title">Virtual Information Evening</h3>
                <p class="event-listing-card-venue">Greenford High School · Zoom (link sent on registration)</p>
                <div class="event-listing-card-audience">
                  <span><i class="fa-light fa-users" aria-hidden="true"></i>Year 10 & 11 students + parents</span>
                  <span><i class="fa-light fa-ticket" aria-hidden="true"></i>Registration required</span>
                </div>
                <div class="event-listing-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="event-listing-card-image">
                <div class="tw:w-full tw:h-full tw:flex tw:items-center tw:justify-center tw:text-primary tw:font-bold tw:text-[32px]">GH</div>
              </div>
            </article>
            <article class="event-listing-card">
              <div class="event-listing-card-body">
                <div class="event-listing-card-meta-row">
                  <span><i class="fa-light fa-calendar" aria-hidden="true"></i>Sat 26 Apr 2026</span>
                  <span><i class="fa-light fa-clock" aria-hidden="true"></i>10:00 – 15:00</span>
                  <span><i class="fa-light fa-building" aria-hidden="true"></i>In person</span>
                </div>
                <h3 class="event-listing-card-title">Subject Taster Day</h3>
                <p class="event-listing-card-venue">Greenford High School · Lady Margaret Rd, Southall UB1 2GU</p>
                <div class="event-listing-card-audience">
                  <span><i class="fa-light fa-users" aria-hidden="true"></i>Year 11 applicants only</span>
                  <span><i class="fa-light fa-ticket" aria-hidden="true"></i>Booking open</span>
                  <span><i class="fa-light fa-utensils" aria-hidden="true"></i>Lunch provided</span>
                </div>
                <div class="event-listing-card-footer">
                  <span class="ofsted-tag ofsted-tag-outstanding">Outstanding</span>
                  <span class="card-divider"></span>
                  <span class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:font-semibold tw:tracking-[0.04em] tw:uppercase">Ofsted</span>
                </div>
              </div>
              <div class="event-listing-card-image">
                <div class="tw:w-full tw:h-full tw:flex tw:items-center tw:justify-center tw:text-primary tw:font-bold tw:text-[32px]">GH</div>
              </div>
            </article>
          </div>
        </div>
          </div><%# /tab-content %>
        </div><%# /main col %>
        <%# Right rail — persistent across tabs %>
        <aside class="tw:lg:col-span-1 tw:space-y-4">
          <%# Apply panel %>
          <div class="sticky-cta">
            <h2 class="sticky-cta-title">Ready to Apply?</h2>
            <p class="sticky-cta-meta tw:mb-0">96 students applied in this quarter</p>
            <div class="sticky-cta-action">
              <button class="btn btn-primary btn-block" type="button" aria-label="Quick apply to Greenford High School">
                <i class="fa-regular fa-rocket-launch tw:mr-2" aria-hidden="true"></i>Quick Apply
              </button>
            </div>
            <div class="sticky-cta-actions">
              <button class="sticky-cta-btn" type="button">Shortlist</button>
              <button class="sticky-cta-btn" type="button">Compare</button>
            </div>
          </div>
          <%# About School %>
          <div class="card">
            <div class="card-body">
              <div class="tw:flex tw:items-center tw:justify-between tw:gap-2 tw:mb-4">
                <h2 class="h5 tw:mb-0">About School</h2>
                <div class="tw:flex tw:gap-1.5">
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on TikTok"><i class="fa-brands fa-tiktok tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on Facebook"><i class="fa-brands fa-facebook-f tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on Instagram"><i class="fa-brands fa-instagram tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School on X"><i class="fa-brands fa-x-twitter tw:text-link" aria-hidden="true"></i></a>
                  <a href="#" class="btn btn-icon btn-secondary btn-sm" aria-label="Greenford High School website"><i class="fa-regular fa-globe tw:text-link" aria-hidden="true"></i></a>
                </div>
              </div>
              <dl class="tw:m-0 tw:space-y-0">
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Region</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">London</dd>
                </div>
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Courses</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">30+</dd>
                </div>
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5 tw:border-0 tw:border-b tw:border-line-card">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Local Authority</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Ealing</dd>
                </div>
                <div class="tw:flex tw:justify-between tw:items-baseline tw:py-2.5">
                  <dt class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Ofsted Rating</dt>
                  <dd class="tw:text-body-s tw:leading-body-s tw:font-semibold tw:text-neutral-900 tw:m-0">Outstanding</dd>
                </div>
              </dl>
            </div>
          </div>
          <%# Rating %>
          <div class="card">
            <div class="card-body">
              <h2 class="h5 tw:mb-2">Rating</h2>
              <p class="tw:flex tw:items-center tw:gap-2 tw:mb-4">
                <span class="tw:text-heading-2 tw:leading-heading-2 tw:font-bold tw:text-primary">4.7</span>
                <span class="stars" aria-hidden="true"><i class="fa-solid fa-star"></i></span>
                <span class="tw:text-body-s tw:leading-body-s tw:text-neutral-600">Performance Rating</span>
              </p>
              <div class="tw:grid tw:grid-cols-1 tw:sm:grid-cols-2 tw:gap-3 tw:mb-4">
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Quality of Education</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Behaviour & Attitudes</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Personal Development</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
                <div>
                  <p class="tw:text-body-xs tw:leading-body-xs tw:text-neutral-700 tw:mb-1">Leadership & Management</p>
                  <div class="stars stars-sm" aria-label="5 out of 5 stars">
                    <i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i><i class="fa-solid fa-star" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
              <button class="btn btn-info btn-block" type="button">
                <i class="fa-regular fa-pen-to-square tw:mr-2" aria-hidden="true"></i>Write a Review
              </button>
            </div>
          </div>
        </aside>
      </div><%# /grid %>
    </div>
  </section>
</div><%# /tabs controller %>
<%= render "shared/consumer_footer" %>

No notes provided.

No params configured.